본문 바로가기

전체 글

Spring IOC Inversion of Control(제어권의 역전) 일반적인 의존성에 대한 제어권을 자기 자신이 가지고 있었다. class OwnerController{ private OwnerRepository repository = new OwnerRepository(); } 그런데 instance를 여러군데서 사용 한다거나 일일히 생성해서 사용하는데 불편함을 느껴 서 instance의 생성을 컨테이너에 맡겨서 일관적으로 진행한 후에 필요할 때만 @autowired, @inject 등으로 instance를 컨테이너로 부터 주입받아서 사용 instance의 생성 및 관리 주체자가 '사용자-나' -> 컨테이너 로 변했기 때문에 Inversion of Control, 제어의 역전이 되는 것이고 그 방법론으로 Depend.. 더보기
Intellij 단축키 라인 단위로 옮기기 - 구문 이동 맥 : Command + Shift + 위,아래 윈도우 : Ctrl + Shift + 위,아래 - 라인 이동 맥 : Option + Shift + 위,아래 윈도우 : Alt + Shift + 위,아래 - Element 단위로 옮기기 맥 : Option + Shift + Command+ 왼쪽,오른쪽 윈도우 : Alt + Ctrl + Shift + 왼쪽,오른쪽 -정의 되어 있는 부분으로 이동 윈, 맥 : Ctrl + t Alt + Insert : 코드 생성 (Getters, Setters, Constructors,hashCode/equals, toString) Shift + F10 : 디버깅 시작 ctrl + F9 : build ctrl + alt + L : 코드 정렬 더보기
Thymeleaf란? "타임 리프"라고 읽는다. 텍스트, HTML, XML, Javascript, CSS 를 생성할 수 있는 View Template Engine이다. Spring Boot에서 사용이 권장되고 있다. th:xx형식으로 속성을 html태그에 추가하여 값이나 처리 등을 페이지에 심을 수 있다. 타임리프가 제일 많이 쓰인다고 한다.... 변수식 : ${} 메시지식 : #{} 링크식:@{} 객체의 변수식 : *{} cf) th:object="{object}" 로 설정 되어 object안에 있는 변수들 사용 더보기
HTML <form> 태그의 이해 폼은 입력된 데이터를 한 번에 서버로 전송합니다. 전송한 데이터는 웹서버가 처리하고 결과에 따른 또 다른 웹 페이지를 보여줍니다. 폼 태그 속성에는 action : 폼을 전송할 서버 쪽 스크립트 파일을 지정합니다. name : 폼을 식별하기 위한 이름을 지정합니다. accect-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다. target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정합니다. 폼을 구성하는 다양한 엘리먼트 1. 폼 엘리먼트 그룹 , 태그 태그는 폼 태그 안에 관련 있는 폼 엘리먼트들을 그룹화할 때 사용 그리고 태그 하위에 태그를 사용하여 그룹화한 폼 엘리먼트들을 목적에 맞게 이름을 지정 예시) See the Pen form ex1 by h.. 더보기
react 공부하기 4 index 에서 import app를 할 때 app 에서 각 하위 요소를 다시 import 함으로써 코드를 나눌수 있다. props나 state의 값이 바뀌면 해당하는 component의 render함수가 다시 실행된다. 태그 안에서의 함수에 this는 component의 this와 연결 되지 않기 때문에 bind(this)를 해주고 state의 값은 setstate를 통해 넣어주어야 한다. 더보기
vs code 단축키 ctrl + shift + p : 명령어 단축키 검색 창 실행 더보기
Youtube 단축키 방향키 : 5초 이동 1,2,3 ... : 재생 위치 전체의 10%.20%,30%... 위치로 이동 Home , End : 처음 과 끝으로 이동 shift + >, < : 재생속도 증가 감소 더보기
react 공부하기 3 props와 state를 이용한 react 기초 소스 react component에서 다루는 데이터는 props와 state로 나뉩니다. props : 부모 컴포넌트가 자식 컴포넌트에게 주는 값입니다. 자식 컴포넌트에서는 props를 받아오기만 하고 받아온 props를 직접 수정할 수는 없습니다. state : 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있습니다. See the Pen simple ex1 by hyunseo91 (@hyunseo91) on CodePen. 위의 소스를 react props를 이용해 다시 작성 했을 때 See the Pen zQEQge by hyunseo91 (@hyunseo91) on CodePen. 위의 소스를 react state를 이용해 다시 작성 했을 때.. 더보기

티스토리툴바