본문 바로가기

전체 글101

[Python] F-string F-string이뭘까?♣ F-string중괄호 안에 있는 변수나 표현식을 넣어 해당 값을 출력할 수 있다.문자열 맨 앞에 f를 붙여주고, 중괄호 안에 직접 변수 이름이나 출력하고 싶을 것을 넣는다.기존의 포맷팅 방식보다 더 간결하고 읽기 쉬운 코드를 작성할 수 있다. 간단한 표현식도 사용 가능하다. ♣ F-string을 어떻게 쓸까?print(f"이름: 홍길동, 나이: 28")Name = "홍길동"Age = 28print(f"이름: {name}, 나이: {age}")f를 붙이고 " " 안에 출력할 변수의 값을 { } 넣어준다. ♣ F-string의 간단한 표현식print(f”1 + 1 = {1 + 1}”) ♣ F-string의 소수점 지정pi = 3.1415926535…print(f”파이.. 2025. 9. 5.

[Vue.js] props와 emit를 이용해 부모 컴포넌트와 자식 컴포넌트 사이에 데이터 전달하기. 참고로 Vue.js에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! props와 emit를 사용하여 부모 컴포넌트와 자식 컴포넌트 사이에데이터를 전달해보자. props부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달한다.명시적인 props 선언이 필요하다. defineProps의 코드 예시 _ 문자열 배열을 사용한 선언 props의 코드 예시 _ 객체를 사용한 선언(권장) emit$emit()는 자식 컴포넌트가 이벤트를 발생키셔 부모 컴포넌트로 데이터를 전달하는 역할 메서드이다.컴포넌트에서 발생시키는 커스텀 이벤트를 선언한다.발생시키는 이벤트는 두 가지 형태로 선언 가능하다.문자열 배열을 사용하는 간단한 형태각 속성 키가 이벤트 이름이고 값.. 2025. 9. 5.

[Vue.js] 로그인 성공 시, localStorage를 이용하여 사용자 아이디가 메인화면에 보이도록 설정하기! 로그인까지 만들었다.사용자가 로그인을 하게되면메인화면에 사용자 아이디가 보이도록설정해보자! [ 로그인 만들기 ]블로그에 적었던 vue코드가 조금 바뀌었습니다 [SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기.회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화post-this.tistory.com ※이 코드는 그냥 연습용으로 겉모습만 로그인 된 것처럼 만든 것입니다.그렇기에 실제로 로그인된 화면이라고 보긴 어렵습니다.만약 제대로.. 2025. 9. 2.

[SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기. 회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화번호 패대부분의 웹사이트는회원가입과 로그인 기능을 가진다.그 중 회원가입 기능을 만들어보자! 1. 화면 동작과 전체코드회원가입 영상 회원가입 중복 디렉토리와 클래스 Vue와 Spring을 연결해주는 dtopost-this.tistory.com [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 2편 : 아이디, 이메일 중복체크 만들기.이름, 비밀번호, 전화번호를패턴 체크를 했었다.이번에는 아이디와 이메일을중복 체크 해보자! [ 회원.. 2025. 8. 31.

[SpringSecurity] Vue와 Spring의 서로 다른 도메인 문제 해결하기.(CORS 에러 해결하기) vue와 spring은서로 다른 도메인을 가져 생기는CORS 에러를 해결해보자. 1. 문제 살피기 현재 프로젝트는 Vue로 프론트를 맡고 있고, Spring으로 백엔드를 맡고 있다. Vue에서 회원가입에 관련된 정보를 입력한 후 버튼을 눌러도 Spring엔 어떤 데이터도 도착하지 않았다. 왜 그런걸까? Vue는 http://localhost:5173/를 기본 주소로 사용하고 Spring은 http://localhost:8080/을 기본 주소로 사용한다. Spring은 기본적으로 다른 도메인에서 온 요청을 거부하기 때문에, Vue에서 온 요청이 제대로 처리되지 않는다. 제대로 처리하기 위해 Spring 내부에 설정을 추가해야한다. 2. 코드 살피기@CrossOrigin + http.c.. 2025. 8. 30.

[SpringSecurity] @EnableWebSecurity, SecurityFilterChain 개념과 예시 @EnableWebSecurity는언제 쓰는걸까? @EnableWebSecurity어노테이션을 등록하여 스프링 시큐리티를 활성화하고 웹 보안 설정을 구성하는데 사용한다.즉, 등록하면 보안과 관련된 빈을 사용할 수 있게 된다.@EnableWebSercurity는 자동으로 스프링 시큐리티 필터 체인을 생성하고 웹 보안을 활성화한다.보통 @Configuration과 함께 사용한다.예전에는 WebSecurityConfigurerAdapter와 @EnableWebSecurity 조합이 기본이었다.지금은 WebSecurityconfigurerAdapter를 쓰지 않게되면서 SecurityFilterChain 빈을 직접 등록하는 방식이 표준이 되었다. SecurityFilterChain실제 보안 규칙(인가/.. 2025. 8. 28.

이전 1 2 3 4 5 ··· 17 다음

티스토리툴바