웹 개발 라이브러리 정리
npm
- 라이브러리 설치 / 수정 / 삭제 / 버전 관리
- Node.js의 패키지를 관리할 수 있는 도구
- Node.js 프로그램 설치하면 따라옴
Node.js
- 구글이 만든 자바스크립트 해석 엔진
- 자바스크립트 코드를 컴퓨터 친화적인 코드로 변환해서 돌려주는 엔진
- 브라우저를 키지 않아도 자바스크립트를 컴퓨터에서 수행할 수 있음
Vite, Webpack, parcel, snowpack
- Bundling tool
- 소스코드를 분석해서 꼭 필요한 js파일과 코드만 남겨주는 작업
- 브라우저 친화적인 .js 파일로 변환해주는 기능
- 최신 자바스크립트 문법들을 호환성 좋은 예전 문법으로 바꿔주는 기능
React, Vue
- SPA (Single Page Application, 단일 페이지 어플리케이션)
: 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 변경하는 기술 - 자바스크립트로 html 변경하는 작업을 매우 쉽게 할 수 있도록 도와줌
Redux toolkit, Zustand
- state management ( 상태 관리 도구)
- React, Vue 같은 라이브러리 설치해서 쓰면, html 덩어리들을 재사용하고 싶을 때 컴포넌트라는걸 만들어서 사용
→ 그 컴포넌트끼리 변수를 공유하는게 매우 어렵기 때문에 그걸 쉽게 도와주는 라이브러리
Next.js, Nuxt.js, Sveltekit
- Server side rendering
: React, Vue로 html을 서버에서 미리 전부 완성해서 보내는 것 - React, Vue 문법으로 server side rendering을 할 수 있는 라이브러리
TypeScript
- 타입이 엄격한 자바스크립트
- 타입을 표시할 수 있기 때문에 협업할 때도 도움이 됨
출처
코딩애플
https://velog.io/@remon/%EA%B0%9C%EB%B0%9C-%EA%B8%B0%EB%B3%B8-%EC%A7%80%EC%8B%9D-Node.js%EB%9E%80
https://www.startupcode.kr/company/blog/archives/11