Note > 자바스크립트 프레임워크/라이브러리모음

react-helmet - npm (npmjs.com)

react-helmet-async - npm (npmjs.com)

quill - rich text editor.

<!-- Add the theme's stylesheet -->
<link rel="stylesheet" href="//cdn.quilljs.com/1.3.6/quill.bubble.css">

<script src="//cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill('#editor', {
  theme: 'bubble'   // Specify theme in configuration
});
</script>

Snowpack은 번들러 없는 개발 방식을 제공하는 빠른 웹 개발 도구입니다. Snowpack은 기존의 번들러(Bundler)가 가지고 있는 번들링과 압축 기능을 제거하고, 의존성 모듈(Dependency Module)을 처리하는 방식을 변경하여 더욱 빠른 개발 환경을 제공합니다.

잠깐 쓸일이 있어서 확인해 보니..아쉽게도

Snowpack

Update (April 20, 2022): Snowpack is no longer actively maintained and is not recommended for new projects.

Check out Vite for a well-maintained Snowpack alternative.

See also: esbuild, parcel

NodeJs란

Node.js (nodejs.org)

About | Node.js (nodejs.org) 에 node는

As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications.

비동기적 이벤트 기반의 자바스크립트 런타임인 Node.js는 확장 가능한 네트워크 어플리케이션을 구축하기 위해 설계되었습니다. 라고 되어있네요.

Nodejs는 자바스크립트 런타임환경 입니다.

Node.js는 V8 자바스크립트 엔진을 기반으로 구현되어 있으며, V8 자바스크립트 엔진은 구글에서 개발한 오픈 소스 자바스크립트 엔진으로, C++로 작성되어 있습니다. V8 엔진은 Chrome 브라우저의 핵심 엔진입니다.

파이썬 코드는 python 런타임에서, java는 jvm에서, javascript는 nodejs에서 실행될수 있습니다.

node 설치

Node.js (nodejs.org) 에서 다운로드 받은 후 설치합니다.

추전버전을 클릭해서 다운로드 합니다.

이후 클릭해서 설치를 시작합니다. 특별한 설정 없이 라이센스 동의 후 Next 버튼을 계속 클릭합니다.

Install 버튼을 클릭하면 권한을 요청하는 창이뜹니다. 승인해줍니다.

설치가 완료됩니다.

node 동작 시험

파워쉘실행후 node를 실행해봅니다.

os환경에서 실행된 node에는 v8엔진을 사용했지만 브라우저에 있는 window 속성이 없습니다.

이건 node와 관계 없지만 한번 해봤습니다.

브라우저의 경우 window 기본 속성이 존재합니다.

의존성 | Node.js (nodejs.org)

에 npm은

Node.js는 모든 것이 모듈화되어 있으므로 질 좋은 패키지 매니저가 필요해졌습니다. 이 목적 때문에 npm이 만들어졌습니다. npm이 모든 프로그래밍 생태계에서 커뮤니티가 만든 커다란 패키지 선택권을 제공해 주므로 Node.js를 빠르고 쉽게 만들 수 있습니다.

라고 되어 있습니다.

보통 node.js를 위한 패키지 관리 도구로, 다양한 외부 라이브러리와 모듈을 설치하고 관리하는 프로그램입니다.

CLI Commands | npm Docs (npmjs.com)

명령어가 어마 어마 하네요..