본문 바로가기

TIL

[TIL-52] 노마드코더 유튜브 클론코딩 #1.0~#1.4

#1 인트로

  • 총 강의수: 174개 (28시간 34분)
  • 프론트엔드: HTML5, CSS3, Pug
  • 백엔드: NodeJS. MongoDB, Express
  • HTML. CSS. JS를 활용한 기본적인 서비스 CRUD 빌드에 필요한 모든 것을 알려드림.

 

준비물

  • 윈도우 사용자 : 개발자를 위한 윈도우 셋업 참고
  • NodeJS : recommended for most users 다운
    • LTS : long term support

 

 에러 시 질문

  • 에러 발생 시 스스로 고쳐봄
    • 에러 메시지 읽어보기
  • 강의 댓글에 질문
    • issues에서 검색해봄. 없으면 새로 만듦.
    • 뭘 하려고 했고, 언제 에러가 났고, 콘솔에서 에러가 보이는지.
    • 코드와 깃헙 url 첨부.

 

NodeJS

  • 브라우저 밖에서 작동하는 자바스크립트
    • 원래 90년대의 자바스크립트는 웹사이트와 상호작용하기 위해 만들어졌기 때문에 브라우저에서만 사용됨.
    • 자바스크립트는 브라우저만 있으면 따로 뭘 설치하고 할 필요 없이 사용 가능.
    • 라이언 등장! 자바스크립트를 웹 밖에서도 사용하고 싶음. 브라우저 밖에서 쓰는 NodeJS 만듦. 그래서 따로 다운받아야 함.
  • 브라우저의 콘솔에서 자바스크립트 코스 쓰듯, vsc의 콘솔에서도 node 명령어 치면 브라우저 콘솔처럼 쓸 수 있음.
  • 백엔드, 이미지 파일 처리, 계산, 파일 삭제, 업로드 다 할 수 있음. 다른 프로그래밍 언어처럼.
  • NodeJS 덕분에 리액트 네이티브나 일렉트론 쓸 수 있음.

 

npm

  • 자바스크립트 언어를 위한 패키지 매니저.
    • npm과 nodeJS 같이 써야 함.
    • npm은 nodeJS와 상호작용하게 해줌.
  • yarn과 거의 같은 거지만 nodeJS 깔면서 이미 설치돼있음.
  • 대부분 npm 명령어 사용할 것. node 명령어는 가끔.
  • 역할
    • npm으로 패키지 공유할 수 있음. 서로 연결시켜주고 패키지 다운할 수 있게 함.
    • 앞으로 다른 사람이 만들어둔 패키지 사용할 때 npm 쓸 것. 
      • 예) express : 한달에 7천만번 다운되는 패키지.