💙 들어가며 @EmbeddedId 어노테이션을 이용해서 복합키 클래스를 만들고 @Repository에서 쿼리 메소드를 만들었다. 그런데 그 필드가 인식이 되지 않는다... 왜 그럴까? ✏️ 학습내용 정리 #쿼리 메소드 명 때문 이유는 쿼리 메소드명 때문이었다. 복합키를 설정한 경우에는 반드시 쿼리 메소드명을 클래스명속성명으로 적어주어야 한다. EX) 정정: PrimaryKeys가 아니라 PrimaryKey이다. 클래스명: PrimaryKeys --> (정정) 속성명 이름을 적어주어야 함 PrimaryKey 속성명: memberId 쿼리메소드명: findAllByPrimaryKey s MemberId (정정 전) (정정 후) 💙 마치며 1. 클래스명과 객체명을 동일하게 쓰는 습관을 들여야겠다.... 2. ..
💙 들어가며 여러가지 슈도클래스를 활용하여 인풋박스의 다양한 디자인을 구현해보자. ✏️ 학습내용 정리 #슈도클래스: :valid, :blank, :checked, :has() 이름 그대로 직관적으로 특정 상태인지를 확인해서 (:valkd, :blank, :checked 등) 해당 상태를 가지고 있는지를 조건처리해 스타일을 먹일 수 있는 슈도클래스 has()이다. 아래처럼 라벨이 체크드된 input박스를 가지고 있는지 확인해서 스타일 먹일 수 있다. HTML 예시로 다음과 같이 class를 설정하고 Rland 회원가입 가입정보 가입하기 CSS에서 다음과 같이 해당되는 상태값(:valid, :blank) 슈도클래스를 활용하여 색깔을 주거나 input{ background-color: red; } input:..
💙 들어가며 position(relative, absolute)를 통해 부모 자식 위치를 정하고 부모에 flex 정렬을 적용한다면 어떻게 화면에 출력될까? ✏️ 학습내용 정리 #position과 flex정렬: 자식 중 absolute에만 부모가 position을 relative로 적용하고 특정 자식에만 absolute를 적용하면 다른 자식들은 flex 정렬이 먹지않고 absolute한 자식만 flex 정렬이 먹는다. HTML 구현시 아래와 같이 자식이 3개 있다고 하면 //자식1 이름 //자식2 (슈도클래스) //자식3 CSS를 통해 슈도클래스(::after) 녀석(자식3)에만 position: absolute를 적용하면 .signup-form label{ display: inline-flex; widt..
💙 들어가며 타임리프를 활용하여 인증정보를 뷰에 표시해보자. ✏️ 학습내용 정리 #Object 자료형 principal 객체 커스텀한 UserDetails 정보를 준비해보자. 전역변수인 SecurityContextHolder를 통해서 Principal을 Object형으로 꺼낼 수 있다. 자료형을 Principal로 하게되면 username만을 뽑을 수 있다. 커스텀한 모든 정보를 뽑기 위해서는 Object형으로 자료형을 변환해주어야 한다. #thymeleaf: Spring Security Dialect 이제 타임리프를 활용하여 인증정보를 뷰에 표시해보자. 타임리프의 sec를 이용하면 authorize, authentication 2개 기능을 사용할 수 있다. 💡 인증과 인가 1. authorize(인가)..
💙 들어가며 JDBC를 활용한 UserDetails를 먼저 구현해보고, 이를 확장한 커스텀한 UserDetails을 만들어보자. ✏️ 학습내용 정리 #사용자의 정보를 controller에서 꺼내오기: SecurityContextHolder 전역객체이기 때문에 어느 페이지에서나 Principal, Credentials, Authorities를 꺼내쓸 수 있다. principal로 getName() 해보자 더보기 ⭕ 출력결과 해당 페이지가 요청될 때마다 로그인한 이름이 출력되는 것을 확인할 수 있다. #ROLE이 여러개인 경우: 다대다 테이블 💡 jdbc UserDetailsService 구현 시 주의: 사용자 입력을 받는 부분은 반드시 물음표(? )로 처리한다. member 테이블, role 테이블이 따로..
