NestJS Controller 컨트롤러는 Client로부터 들어오는 요청을 처리 하고 해당 클라이언트에 응답을 반환하는 역할을 해줍니다 NestJS에서의 기본 컨트롤러를 만들기 위해서는 클래스와 데코레이터를 사용합니다 데코레이터(@)는 클래스를 필요한 메타데이터와 연결하고 Nest가 라우팅 맵을 만들 수 있도록 합니다 Contr...

NestJS를 사용하기 위한 환경구성 NestJS를 사용하기위해서는 nodejs와 npm이 선행적으로 설치 되어있어야합니다 👉🏻Nodejs 공식 다운로드 NestJS 설치하기 1 npm install -g @nestjs/cli NestJS 프로젝트 생성하기 1 nest new 프로젝트 이름 NestJS 프로젝트...

NestJS가 뭐야? NestJS는 자바스크립트나 타입스크립트로 서버 애플리케이션을 개발할 수 있는 백엔드 웹 프레임워크입니다 NestJS의 특징 개발자와 팀이 테스트가 가능합니다 확장이 가능하며 유지보수성이 뛰어난 아키텍처를 제공합니다 javascript, typescript를 지원하여 기존의 코드 실수를 보완하였습니다...

레이아웃(Layout)이란? : 구성 요소를 공간에 효과적으로 배열하는 일,  또는 그 기술 웹 요소를 올바른 장소에 배치하는 기술을 말한다. CSS 레이아웃 기술은 형제 요소들을 가지런히 정렬할 수 있게 해주며 요소가 컨테이너 내부에 어떤 위치에 놓이게 될지 결정할 수 있다. Flexbox 플렉스박스는 행 또는 열을 주축으로 설정하여 ...

join 메서드 이해하기 join 메서드는 배열 요소를 모두 연결해 하나의 문자열로 반환한다 join 메서드 사용해보기 let arr = ["안녕","자바스크립트","반가워"]; console.log(arr.join()); // 출력: 안녕,자바스크립트,반가워 console.log(arr.join("-")); // 출력: 안녕-자바...

includes 메서드 이해하기 includes 메서드는 배열에 특정 요소가 있는지를 판단할 때 사용되는 메서드이다 배열에서 주어진 요소가 포함되어 있으면 true를 그렇지 않으면 false를 반환한다 includes 메서드 사용해보기 const arr = [1,2,3,4,5]; console.log(arr.includes(3));...

Map 함수 이해하기 Map 함수는 React에서 제공하는 함수는 아니며 Javascript 언어에서 사용할 수 있는 함수이다. Map함수를 사용하면 콜백 함수를 이용해 각각의 배열 요소를 호출해서 그 값을 변환할 수 있게 해준다. React예제로 Map을 확인하는 이유는 React에서 어떠한 데이터를 반복적으로 렌더링하거나 컴포넌트를 렌더링할 때 ...

라우팅 이해하기 라우팅이란 웹 서비스에있어서 페이지 이동을 수행시켜주는 기능이다 즉, 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지로 이동 시켜서 보여주는 것이다 리액트의 라우팅 구현은 웹 페이지를 어디서 만드느냐에 따라 적절한 페이지를 반환하는 일련의 과정이며 서버 사이드 렌더링과, 클라이언트 사이드 렌더링으로 구분된다 리액트는 ...

Context 이해하기 Context란 리액트 컴포넌트의 트리 전체를 대상으로 데이터를 공급하는 기능이다 컴포넌트 간에 데이터를 전달하는 방법중에 Props를 사용하여 전달할 수 있지만 Props는 컴포넌트 트리에서 언제나 부모에서 자식으로 단방향으로 전달되어진다. 리액트에서는 자식의 자식, 즉 트리에서 2단계 이상 떨어져 있는 컴포넌트에...

useMemo 이해하기 useMemo는 렌더링 중에 발생하는 연산량이 큰 함수의 결과값을 메모이제이션하며, 이전 결과값을 재사용할 수 있도록 도와준다 동일한 값을 리턴하는 함수를 반복적으로 호출할 경우 맨 처음 값을 메모리에 저장해서 필요할 때마다 또다시 계산하지 않고 메모리에서 꺼내서 재사용을 하는 기법이다. 간단히 말해서 자주 필요...