1. 프론트엔드/백엔드 개발

• 클라이언트 - 서버 작동 원리
  

• 프론트엔드 / 백엔드 개발

  • 프론트엔드
    • 초점: 사용자
    • 사용자와 만나는 영역
    • 사용자가 정보를 쉽게 요청, 서버에서 받은 정보를 사용자가 보기 쉽게
  • 백엔드
    • 초점: 자료
    • 사용자가 보낸 요청 분석, 자료 정리
    • 처리한 결과 DB에 안전하게 저장

---

2. Node.js

💡 Node

• JavaScript 언어로 서러블 개발할 수 있도록 도와주는 도구
• Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임

• 노드의 장점
  • 하나의 언어로 프론트/백 엔드 개발 가능
    • JS로 한꺼번에 구현 → Fullstack 개발자
  • 개발자 커뮤니티 규모 大
  • 서드파티 모듈 多
    • 서드파티: 노드 제작 업체 & 개발자 외 사람들이 만들어 놓은 기능 묶음

---

3. npm

💡 npm (node package manager)

• 패키지 매니저
  - 애플리케이션을 개발할 때 다양한 패키지를 관리할 수 있게 해주는 도구
  - node.js 설치하면 자동으로 설치됨

1) 모듈 / 패키지 / 라이브러리

* 모듈 (Module)

· 프로그램을 기능별로 작은 단위로 쪼갠 것
· 작성한 코드를 다른 곳에서도 사용할 수 있도록 파일 형태로 저장됨
· 모듈 안에서 사용한 함수나 변수를 내보낼 수 있음
· 다른 코드 안에서 특정 모듈을 가져와 사용 가능

* 패키지 (Package)

· 자주 사용하는 기능 모듈들을 묶어 놓은 것
· 배포할 수 있게 여러 모듈과 관련된 파일을 묶어 놓은 것
· 배포의 단위

* 라이브러리 (Library)

· 특정 기능을 수행할 수 있도록 모듈을 여러 개 묶어 높은 것
· 모듈보다 더 큰 단위
· 노드에서 라이브러리나 모듈을 묶어서 모듈이라고도 함

✔ 라이브러리 ≥ 패키지 ≥ 모듈

2) 패키지 매니저 - npm

• ≒ pip (python)
• 개발할 때 어떤 모듈을 사용했고 버전이 무엇있는지 등 저장

1. npm 초기화
   : 노드를 사용해 애플리케이션을 만들 때마다 npm 초기화
   npm init
   
   
2. 패키지 설치
   npm install = npm i
   ex) npm i ansi-color ⇨ 패키지에 대한 의존성 추가 됨
   
   
3. 패키지 사용
   require('패키지이름')

	const c = require('ansi-colors');
	console.log(c.green('홍길동') + '님 안녕하세요');
	console.log(`${c.blue('홍길동')}님 안녕하세요`);

4. 패키지 삭제
   npm uninstall '패키지 이름'
   • dependencies에 있던 패키지 관련 정보도 함께 삭제 됨