공부하는 개발자 핑구 🐧 공부하는 개발자 핑구 🐧

Annotation 을 달아놓으면 컴파일시 De-lombok 과정을 거쳐 자동으로 annotation의 기능에 따라 코드를 생성함 # 주요 Lombok Annotation Annotation 사용위치 기능 @NoArgsConstructor 클래스 기본생성자 생성(필수) @AllArgsConstructor 클래스 모든 선언된 멤버변수를 매개변수로 하는 생성자 생성 @RequiredArgsConstructor 클래스 초기화 되지않은 final 필드나, @NonNull 이 붙은 필드에 대한 생성자를 생성 @Getter 클래스 Getter 생성 @Setter 클래스 Setter 생성 @ToString 클래스 오버라이딩된 toString 생성 (클래스명 + 필드명) @EqualsAndHashCode 클래스 Equ..

# Spring에서의 Request 데이터 흐름도 Interceptor 의 반환형은 boolean, True 이면 다음단계로 데이터를 전송 Summary. 필터는 WAS(웹컨테이너)에 의해 관리가 되는 영역이고 인터셉터는 DispatcherServlet(스프링의 프론트컨트롤러) 이후 영역이므로 스프링에 의해 관리되는 영역이다. 공통점은 컨트롤러 진입전 실행로직을 작성할 수 있다는 것. 차이점은 필터는 스프링이 관리하지 않으므로, Spring Context를 사용할 수 없다는 것. 이로 인해 극명히 대조될 때는 에러핸들링을 해야할 때이다. 인터셉터는 @ControllerAdvice 로 스프링의 도움을 받아 객체지향적으로 예외처리를 할 수 있지만, 필터는 직접 response에 접근하여 예외처리를 하거나, ..

1. https://start.spring.io/ 에 접속 - gradle project, JAVA, jdk 11, 필요 Dependencies 추가 - zip 파일 다운 후, 언팩, 인텔리제이로 open project 2. 구글에 maven repository 검색 - 필요 라이브러리명 검색 - gradle implementation 복사 후, 프로젝트 폴더내에 build.gradle 파일 내 dependencies 에 붙여넣기 - gradle restart - https://mvnrepository.com/artifact/io.springfox/springfox-boot-starter/3.0.0

# 컴파일러 설치 1. Node.js 사용자 (추천) npm install -g sass 2. MacOS brew install sass/sass/sass # 사용법 1. 단순 컴파일 sass input.scss output.css 2. watch 옵션을 이용한 실시간 컴파일 및 간단한 디버깅 // scss -> css 로 실시간 컴파일 sass --watch 파일명.scss:파일명.css // scss 폴더내의 모든 scss 를 참조하여, css 폴더에 실시간 컴파일 sass --watch scss폴더경로:css폴더경로

# React - 웹 어플리케이션 만드는 JS 프레임워크 - JSX(JS extension) 문법 사용 (때문에 JS 문법으로 변환시키는 컴파일과정이 필요) ex) const hello = Hi; # React Hook - React 16.8 version 부터 추가 된 react element # React Native - iOS, Android 네이티브 어플케이션 만드는 JS 프레임워크 # Reference - react hook : https://ko.reactjs.org/docs/hooks-intro.html Hook의 개요 – React A JavaScript library for building user interfaces ko.reactjs.org

Flex 속성에 대해 아주 잘 정리된 글이 있다. * float 속성은 써보면 알겠지만 부모태그를 무시하기때문에 사용안하는게 좋다라는 나의 사견이다. # reference - https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com

# Position 속성 종류 static, relative, absolute, fixed, sticky # Description 1. static (default) - 디폴트 값으로써, top, right, bottom, left, z-index 속성을 사용 할 수 없다. 2. relative - 자신의 static 위치가 기준점 - 다른 sibling 태그의 위치에 영향을 주지 않는다. 3. absolute - 자신의 부모태그가 기준점 (부모태그가 relative를 가져야함, 아니면 body를 기준으로.) - 부모태그가 없는 경우, body가 부모태그역할 4. fixed - 스크린의 viewport 가 기준 (스크롤 시, viewport가 기준이므로 계속 고정된 위치에 존재) - 고정됨 5. stic..

# width, height 사이즈를 유동적으로 관리하기 종종 css 작업을 하다보면 특정구간은 값을 주고, 빈 공간은 그 값의 나머지로 채우고 싶을때가 있다. 이런 작업은 flex-grow로 하면된다. # HTML template div1 div2 div3 # CSS style