* 204 상태코드1. 200와의 차이- 204는 No Content, HttpResponsebody가 아예 존재하지 않음- 200은 HttpResponsebody에 null, false 등으로 응답 2. 왜 굳이 204를 사용할까?- 삭제 요청으로 자원을 삭제하여 더 이상 존재하지 않고 그 자원을 참조하는 모든 자원도 삭제되어 더 이상 http body를 응답하는 것이 무의미해졌을 때 사용.- 본문 없는 응답을 위한 상태코드로 서버에서 잘못되게 본문을 포함한 응답을 전달한 경우 존재할 수 있다. https://velog.io/@server30sopt/204-NOCONTENT%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%84%EC%8B%9C%EB%82%98%EC%9A%94 204 NO_..
[src/ 폴더구조]app/: 어플케이션을 구성하는 컴포넌트들 보관assets/: 이미지 등 어플리케이션 제작에 필요한 부수기재 저장 창고favicon.ico: 파비콘 이미지index.html: 메인 htmlmain.ts: 작성된 html 파일을 변환하는 entry point.style.css: 공통 스타일package.json: 의존 모듈 관리를 위한 패키지 매니저가 참조하는 파일node_modules: package.json에 등록된 의존 모듈이 패키지 매니저에 의해 설치되는 저장소 [app/ 폴더구조]app.component.ts: 로직 담당app.component.html: html 템플릿app.component.css: 스타일app.module.ts: 컴포넌트, 서비스 등을 사용하기 위해 등록하..
1. 정의개발한 Rest API를 편리하게 문서화, 제3의 사용자가 편리하게 API를 호출하고 테스트 할 수 있는 프로젝트개발자가 API 문서를 작성하지 않아도 되므로 개발 시간을 단축할 수 있고 Swagger UI로 API를 쉽게 테스트 할 수 있다. 2. 어노테이션@Api: 클래스를 스웨거의 리소스로 표시@ApiOperation: 특정 경로의 오퍼레이션 http 메소드 설명@ApiParam: 오퍼레이션 파라미터에 메타 데이터 설명@ApiResponse: 오퍼레이션의 응답 지정 3. angular3-1. 정의규모가 크거나 다양한 기능이 요구되는 프로젝트라면 Angular나 Vue를 사용하는 것이 좋다. Angular는 양방향 바인딩 개념을 사용하여 데이터 값이 한쪽에서 변화하면 다른쪽에서도 바로 업데이..
1. 정의Vercel에서 개발한 React Framework, SSR, CSR, API 라우팅 등의 다양한 최적화 기능 제공.React의 기본 기능을 확장해 보다 빠르고 안정적으로 웹 애플리케이션을 개발. 2. 설치npx create-next-app@latest [프로젝트 이름]- 타입스크립트 사용 여부- ESLint 사용 여부- Tailwind CSS 사용 여부- src/ 디렉토리 사용 여부- App Router 사용 여부 => 13 이상부터 사용할 수 있게 된 방식으로 추천!- 별칭 사용 여부 3. 컴포넌트Server와 Client를 구분해서 사용서버 컴포넌트는 보안/캐싱/성능/SEO 등의 이점클라이언트 컴포넌트에서는 click/load/이벤트/브라우저 api 활용 등의 이점 4. 라우팅파일 규칙la..