영은 개발 정리

1교시 8장 스프링 시큐리티 https://docs.spring.io/spring-security/reference/servlet/authentication/architecture.html Servlet Authentication Architecture :: Spring Security ProviderManager is the most commonly used implementation of AuthenticationManager. ProviderManager delegates to a List of AuthenticationProvider instances. Each AuthenticationProvider has an opportunity to indicate that authentication sh..

1교시 #캐시 - JPA 1차 캐시와 2차 캐시 소개 https://devbksheen.tistory.com/entry/JPA-1%EC%B0%A8-%EC%BA%90%EC%8B%9C%EC%99%80-2%EC%B0%A8-%EC%BA%90%EC%8B%9C-%EC%86%8C%EA%B0%9C -JPA 영속성 컨텍스트란? https://velog.io/@neptunes032/JPA-%EC%98%81%EC%86%8D%EC%84%B1-%EC%BB%A8%ED%85%8D%EC%8A%A4%ED%8A%B8%EB%9E%80 2교시 @트랜잭션 3교시 쓰기 지연(p.113) @DynamicUpdate @Data @AllArgsConstructor @NoArgsConstructor @Builder @Entity @DynamicUpd..

[내일 시험] @1,2,3번 주관식 block inline inline-block차이 display 속성이 'inline'으로 지정된 엘리먼트는 줄바꿈 없이 한 줄에 다른 엘리먼트와 나란히 배치됨 대표적인 inline 엘리먼트로 , 태그가 있음 display 속성이 'block' 으로 지정된 엘리먼트는 전후 줄밥꿈이 들어가 혼자 한 줄을 차지함 대표적인 block 엘리먼트는 , 태그가 있음 display 속성이 'inline-block' 으로 지정된 엘리먼트는 inline 엘리먼트처럼 줄바꿈없이 한 줄에 다른 엘리먼트와 배치되지만, block 엘리먼트처럼 너비, 높이, margin, padding 속성 지정이 가능하다. 대표적인 inline-block 엘리먼트는 , 태그가 있음 div span 차이 는 ..

2023.04.18 - [Java Script/Vue.js] - [Vue] v-bind:class #0418수업 #1교시 2023.04.18 - [Java Script/Vue.js] - [Vue] v-bind:class, 조건문 #0418수업 #3교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 복사, 대체 #0418수업 #3교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 부모자식 요소 #0418수업 #4교시 2023.04.18 - [Java Script/JQuery] - [JQuery] each, toggleClass #0418수업 #4교시 2023.04.18 - [Java Script/JQuery] - [JQuery] 함수 #0..

1교시 Vue.js 복습 문제 풀기 Vue.js 복습 문제 풀기2 2교시 Vue.js 복습 문제 풀기3 (0414 7교시 유사문제, 참조) Vue @v-bind:value 3교시 Vue 리스트의 값 삭제 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 #0417수업 #1교시 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 - 검색, 체크박스, 삭제 #0417수업 #2교시 2023.04.17 - [Java Script/Vue.js] - [Vue] Vue 복습문제 - 추가, 삭제 #0417수업 #4교시

미니 프로젝트는 Spring & Vue 로 2023.04.14 - [Java Script] - [JS] #MAP #LIST #0414수업 #1교시 2023.04.14 - [Java Script] - [JQuery] 기본문법 #0414 수업 #2교시 2023.04.14 - [Java Script] - [JQuery] 기본문법 #0414 수업 #3교시 2023.04.14 - [Java Script] - [JQuery] 기본문법 #0414수업 #4교시 2023.04.14 - [Java Script] - [Vue] 기본문법 #0414수업 #5교시 2023.04.14 - [Java Script] - [Vue] #list #map #0414수업 #6교시 2023.04.14 - [Java Script] - [Vue]..

2023.04.12 - [Java Script] - [JS] 버튼클릭>함수호출>색 변경 2023.04.12 - [Java Script] - [JS] 팝업 #window.open 2023.04.12 - [Java Script] - [JS] 초단위로 시간 변경 #setInterval 2023.04.12 - [Java Script] - [JS] 버튼클릭>함수호출>색 변경 2023.04.12 - [Java Script] - [JS] eventListener 2023.04.12 - [Java Script] - [JS] DOM - getElementsByTagName

1교시 : display: grid DOCTYPE html> Document .wrapper { display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,100px); } .box { padding: 15px; color: white; text-align: center; } .box1 { background-color: red; grid-column: 1/4; } .box2 { background-color: orange; grid-row: 2/4; grid-column-start: 1; } .box3 { background-color: yellow; grid-row-start:2; grid-column: 2/4; ..

1교시 : 트랜지션 transform: scale #scalex:hover{ transform: scaleX(2); /* x축으로(가로) 2배 확대 */ } #scaley:hover{ transform: scaleY(1.5); /* y축으로(세로) 1.5배 확대 */ } #scale:hover{ transform: scale(0.7); /* x, y축으로(가로, 세로) 0.7배 확대 */ } transform:skew #scalex:hover { transform: skewX(50deg); /* 50도 만큼 X축으로 비틀어짐 */ } #scaley:hover { transform: skewY(20deg); /* 20도 만큼 Y축으로 비틀어짐 */ } #scale:hover{ transform: skew(..

1교시 : 웹 이론 1장 2교시 : 웹 이론2장, 웹 이론3 HTML 삽입 미리보기할 수 없는 소스 details와 summary 태그 Q & A 리스트 Question 1 웹 개발자가 알아야 하는 언어 3 가지? Answer 1 HTML5, CSS, Javascript => 첫번째 방법이 편리하나 두번째 방법을 앞으로 많이 쓰게 될 것 3교시 : 실습 * 그라데이션 1 2 3 4 5 6 7 8 9 1 2 3 4 4교시 : CSS 선택자 * 참고 : https://blog.pages.kr/2487 section p /*section의 하위요소 p 태그 */ section > p /*section의 첫번째 하위요소(자식요소1개만) p태크 1개만 */ h1 ~ p /*h1 과 형제 관계인 p 태그에 영향 *..