[멋사] js

Visual Studio Code 설정

1. VSCode 실행
2. 프로젝트 선택
   • File > Open Folder... > febc13/01.js/JS 선택
3. File > Preferences > Settings
   • "Files: Auto Save": onFocusChange
   • "Editor: Font Size": 각자 맞춰서 조절
   • "Editor: Tab Size": 2
   • "Editor: Detect Indentation": 체크 해제
   • Workspace 탭 > "Files: Readonly Include"
     • Readonly Include가 보이지 않을 경우 VSCode를 최신 버전(1.79 이상)으로 업데이트
     • Add Pattern > PPT/** 입력한 후 OK 선택
     • Add Pattern > workspace-ins/** 입력한 후 OK 선택
     • Add Pattern > sample/** 입력한 후 OK 선택

설정에 있는 '사용자 영역'(User)과 '작업 영역(Workspace)'은?

	사용자 영역	작업 영역
실행화면
설명	코드를 편집하는 사용자에 따른 설정 변경!	프로젝트에 따른 설정 변경!

처음에 .gitignore 구조를 짜는게 짜는게 너무 복잡해요ㅠ

이곳에서 .gitignore 구조를 쉽게 생성할 수 있다

---

Javascript 개념 강의

js와 node.js의 차이는?

1. 개요
   JavaScript : 브라우저, 문서 등을 다루는 즉, client에 대한 개발을 하는 도구
   nodejs : backend 에서 server에 대한 개발을 하는 도구
2. 설명
   nodejs는 chrome의 자바스크립트 엔진인 v8을 이용합니다.

자바 스크립트는 스크립트 언어로써 특정한 환경(브라우저) 에서만 사용가능한데
nodejs를 통하여 특정한 환경(브라우저) 없이도 실행을 할수 있게 됩니다.

JavaScript를 크롬(Chrome)같은 브라우저에서만 쓰는 것이 아닌 브라우저 밖. 즉, 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것이 바로 Node.js이다.

nodejs를 이용하여 Express 같은 라이브러리를 사용하여 자바스크립트 언어로 서버를 구축하기도 합니다. (nodejs가 서버는 아니다!)

3. 정리

Javascript	Node.js
프로그래밍 언어	브라우저 밖에서 동작하는 Javascript 런타임
브라우저에서만 동작	데스크탑에서 동작
Client에 대한 개발	Express 와 같은 라이브러리를 사용하여 js언어로 웹서버 구축

---

Electron?

유형: 데스크톱 애플리케이션 개발 프레임워크
설명: Electron은 GitHub에서 개발한 오픈 소스 프레임워크로, HTML, CSS, JavaScript와 같은 웹 기술을 사용하여 여러 플랫폼용 데스크톱 애플리케이션을 만들 수 있게 합니다. Electron은 웹 애플리케이션을 네이티브 쉘 내부에 포장하고 네이티브 API 및 파일 시스템 액세스를 제공하여 동작합니다. Visual Studio Code, Slack, WhatsApp Desktop과 같은 인기 있는 애플리케이션은 모두 Electron을 사용하여 개발되었습니다.