분류 전체보기97 노마드 코더 nestjs 강의 정리2 (세팅) nestjs cli 설치 npm i -g @nestjs/cli 다음을 입력하면 nestjs client의 설치가 시작된다. 하지만 권한이 없다고 한다... sudo npm i -g @nest/cli sudo로 관리자 권한을 주자!! 이번에는 성공했다. nest 프로젝트 만들기 nest new 로 새 프로젝트를 만들자. 프로젝트 이름을 정하고 어떤 패키지 매니저를 사용할 것인지 물어보면 npm을 선택하자. (yarn에서 문제가 약간 있다고 한다. 나는 yarn을 쓰는 버릇을 들이려고 했는데 여기서는 일단 npm을 사용하자) git origin 연결 nest 프로젝트를 만들면 기본적으로 git이 만들어진다. github에서 깃 레포지터리를 만든 후 연결하자. github에서 레포지터리를 만든 후 주소를 복사.. 2021. 8. 1. 노마드 코더 nestjs 강의 정리1 (시작하게된 이유.) 시작한 이유 현재 운영중인 러닝클럽에서 조와 조원들을 매일매일 랜덤하게 배정하는 프로그램을 만들어서 돌렸다. 이 프로그램에서 배열을 sort하는 부분이 있고 랜덤을 사용하다 보니 매번 sort할 때마다 내가 만든 랜덤함수가 사용되었다. 근데 여기서 문제가 발생했다.... 각 브라우저가 sort하는 방식이 다르다는 점이다. 이 프로그램을 사파리에서 돌릴 때와 크롬, IE와 파이어폭스 등 각각 브라우저가 다른 결과가 나올 경우가 있다. 나는 모든 조원이 같은 화면을 보길 원하기 때문에 서버사이드에서 랜더링한 페이지를 사람들에게 보여줘야겠다고 생각했고 그렇게 하기 위해서는 nestjs의 공부가 필요하다고 판단했다. 그래서 시작하겠다.. 아자아자 화이팅!!!!! 오늘 하루만에 강의 다 듣고 정리 다하고 바로 서.. 2021. 8. 1. prettier 설정하기. prettier란 js는 생각보다 정렬에 자유도가 높다. 누구는 tab를 사용할 수도, 누구는 space를 사용할 수도, 너비가 2칸일 수도, 한 줄에 최대 80자까지 등등 사람마다 코딩 스타일이 모두 다르다. 본인의 코딩 스타일이 일관되지 않을 때도 있다. 이런 경우에 강제적으로 정해놓은 규칙에 맞게 정렬을 도와주는 프로그램이 prettier이다. 세팅 각설하고 세팅을 시작해보자. prettier를 받는 방법에는 두가지 방법이 있다. 1. npm으로 설치하는 방법 2. vscode의 익스텐션으로 설치하는 방법 여기서 우리는 vscode 익스텐션으로 편하게 설치해보려고 한다. prettier 익스텐션 설치 1. 왼쪽의 extension, 한글로 확장을 클릭한다. 2. prettier를 검색한다. 3. P.. 2021. 7. 26. 배열 렌더링 (key값이 필수인 이유) 배열 렌더링 리액트에서 배열을 렌더링할 때에 굳이 하나하나 렌더링하지 않고 map을 통하여 한번에 렌더링할 수 있다. 하지만 비교를 위해 먼저 하나하나 렌더링 해보자. import React from 'react' function User({user}) { return ( {user.name} ) } function Test() { const arr = [ { id: 1, name: 'mijeong', }, { id: 2, name: 'hyeonkim', }, { id: 3, name: 'kilee', } ] return ( ) } export default Test 하나하나 렌더링하는 것에 대한 불편함을 느껴 보았으니 map을 사용하여 렌더링해보자. map은 배열의 요소를 바꾸고 새롭게 복사한 배열을 .. 2021. 7. 25. 이전 1 ··· 17 18 19 20 21 22 23 ··· 25 다음
