분류 전체보기 213

로그

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-1/lecture/71214?tab=curriculum&speed=1.5 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 - 인프런 | 학습 페이지 지식을 나누면 반드시 나에게 돌아옵니다. 인프런을 통해 나의 지식에 가치를 부여하세요.... www.inflearn.com 앞으로는 system.out.println() 대신 log를 사용해보자 클래스 이름과 같은 부가 정보를 같이 확인 가능 원하는 로그 레벨부터 출력 가능 system.out.println() 보다 성능이 좋음 로그 레벨 설정 개발은 보통 debug 레벨, 배포 및 운영 서버는 info 레벨 +를 넣어도 동작하지만 레벨에 따라..

Java/Spring 2021.10.13

객체지향의 사실과 오해 C4

객체의 협력에 집중하라 협력은 다수의 요청과 응답으로 구성된다. 요청과 응답이 있으면 자연스럽게 객체의 책임이 생긴다. 책임은 객체 지향의 중요한 재료 협력 안에서 객체는 다른 객체로부터 요청이 전송됬을 경우만 자신의 책임을 수행한다. 역할 책임을 추상화해 역할을 만든다. 역할은 그 역할을 수행할 수만 있다면 어떤 객체도 들어갈 수 있다. 역할의 가장 큰 가치는 하나의 협력 안에 여러 종류의 객체가 참여할 수 있게 함으로써 협력을 추상화 (협력 과정 단순

모듈과 지시자

모듈은 쉽게 정의하면 객체이다. 앵귤러JS는 이를 통해 동적인 프로그래밍이 가능하다. * ng-app - AngularJS 애플리케이션의 초기 설정 HTML 코드에서 지시자 ng-app을 통해 모듈을 참조할 수 있다. 예시 코드에서 보면 가장 상위에 있는 div태그에 ng-app 지시자를 통해 invoice1 모듈을 참조하는걸 볼 수 있다. * ng-controller - AngularJS에서 데이터를 제어하기 위해 사용 간단하게 말하면 js 파일에서 mvc 패턴을 구현 * ng-model - 사용자가 입력 또는 선택한 값을 제어 , 과 같이 사용자가 값을 입력하는 태그들에 ng-model 지시자를 넣으면 입력된 값을 동적으로 제어할 수 있다. 예시 코드에서 보면 에서 입력된 값 qty, cost가 in..

Frontend/AngularJS 2021.10.08

모듈 (Angular, AngularJS 아님)

참고 강의 https://www.inflearn.com/course/Angular/lecture/20483?tab=curriculum&speed=2 Angular(2+) Front에서 Back까지 - Nest js를 알려면 Angular 모듈을 알아야한다! - 인프런 | 학습 페이지 지식을 나누면 반드시 나에게 돌아옵니다. 인프런을 통해 나의 지식에 가치를 부여하세요.... www.inflearn.com 앵귤러js는 객체지향언어처럼 모듈 기능을 지원한다. 기본적으로 import되는 앵귤러의 core를 살펴보면 여러가지 다양한 객체(?)들이 export되고 있는 걸 볼 수 있다. 기본적으로 앵귤러는 app.module이 컴포넌트와 모듈들을 관리한다. 예시로 임포트 되어 있는 LayoutModule을 보자 ..

Frontend/AngularJS 2021.09.19

기본 구조 (Angular, AngularJS 아님)

기본 index.html이 웰컴 페이지로 설정되어 있다. main.ts -> app.module.ts 실행 -> app.module에 등록 되어 있는 컴포넌트 app.component.ts 실행 -> app.component.ts 안에 있는 selector, templateUrl, styleUrls 3가지의 정보를 토대로 html, css 실행 AppModule 호출 등록되어 있는 모듈들 AppComponent 호출 AppComponent 객체를 @Component를 통해 모듈로 등록 selector : 태그 이름 templateUrl : html 경로 styleUrls : css 경로 app.component.html을 들어가보면 이렇게 구성되어 있다. app.module.ts에 모듈로 등록되어 있는 ..

Frontend/AngularJS 2021.09.18

302 redirect

302 Found 리다이렉트시 요청 메서드가 GET으로 바뀌고 바디에 있는 데이터가 사라질 수 있음 사용이유? 예를들어 쿠팡에서 아이패드를 하나 구입했다고 해보자 너무 기분이 좋아서 꿈인지 생시인지 확인하려고 결과창에서 F5번을 눌렀을 때 요청 메서드가 POST로 되어 있다면 주문 데이터가 또 입력되어 아이패드를 두개 주문한 게 될 수 있다. 리다이렉트로 요청 메서드를 GET으로 바꿔 바디에 들어 있던 주문 데이터를 싹 날린다. 로직 : response.sendRedirect(주소) 1. 2. 3. 4. 5.

네트워크/HTTP 2021.09.15