본문 바로가기
HTML CSS JS

[Fullstack] 유튜브 클론 코딩 #ExpressJS

by 꿈나무 김땡땡 2020. 3. 11.

서버가 뭐에요?

  • 인터넷에 연결 된 맥북 같은 컴퓨터에요.
  • 24/7 동안 온라인 상태고, 화면이 따로 없어요.
  • 소프트웨어에서 서버의 의미 : 네트워크에 연결 된 코드 뭉치

Express가 뭐에요?

  • Express.js는 프레임워크에요.
    • 다른 사람이 수많은 코드를 짜서 만들어 놓은 것으로, 우리가 편하게 가져다 쓸 수 있어요.
  • node.js로 서버를 만들고 싶다면 우리가 수작업으로 한땀한땀 해야 할 일들이 있어요.
    • 요걸 Express로 대신할 수 있어요. Express를 사용하면 몇 줄의 코드만으로 서버를 만들 수 있어요.
  • Django는 Python으로 된 프레임워크, Rails는 Ruby로 된 프레임워크, Laravel은 PHP로 된 프레임워크에요.
    • Open connection, Listen to connection, handle some files, Send HTML, get data 등 서버 개발에 필요한 업무를 수행해줍니다.
  • Express.js는 매우 안정적이고 유명합니다.

 

Express.js 설치하기

  • iterm > ls > cd Documents > ls > mkdir wetube > cd wetube > vsc 열기 > wetube 폴더에 index.js 만들기 > console.log("Hi!"); > terminal에서 node index.js 입력 > npm init 입력 > name, version 등 입력 > package.json 파일 생성 됨 > npm install express (package.json이 있는 폴더 안에서 실행해야 함) > node_modules가 생성 됨

 

  • package.json 파일이 있으면 npm install 입력 시 자동으로 node_modules를 다운로드 받을 수 있다.
  • npm js 는 Node.js manager로 가장 최신 버전의 node.js 관련 패키지를 받을 수 있다.
  • item 다운로드 : https://www.iterm2.com/downloads.html
 

Downloads - iTerm2 - Mac OS Terminal Replacement

iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain

www.iterm2.com

 

맥(Mac) 개발 환경 구축(1) - iTerm과 zsh

새로운 맥(Mac)에 개발 환경을 구축하려고 합니다. 맥(Mac)에 iTerm와 zsh를 설정하여 새로운 터미널 환경을 구축합니다.

dev-yakuza.github.io

 

npm | build amazing things

Build amazing things We're npm, Inc., the company behind Node package manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you. Take your JavaScript devel

www.npmjs.com

 

 

댓글