JS #1-기초 개념 & 개발환경설정

웹브라우저에서 JS의 기능은 제약이 걸려있다. (웹브라우저를 통해 로컬 파일에 접근할 수 없도록 만들어졌다.)

*동일 출처 정책에 의해 도메인이 같은 웹페이지에 대해서만 데이터 교환이 가능하다. 

ㄴ A 사이트에서 B사이트에서 받아온 페이지상의 정보에 접근할 수 없다. 

 

 

JS만의 강점

• html/css와 완전히 통합할 수 있음
• 간단한 일은 간단하게 처리할 수 있게 해줌
• 모든 주요 브라우저에서 지원하고, 기본 언어로 사용됨

서버, 모바일앱 등에서 구동이 가능하다. 서버: node

 

---

 

라이브서버 터미널에서 실행하기

명령어로 npm 실행하기

npm run dev --> dev를 스크립트로 등록한 상황이다

run을 붙이면 npx로 실행시켜주는 것이다.

 

 

 

2. eslint 설치, 실행하기

$npm init @eslint/config

-> 환경에 맞게 설정

설치완료

 

 

 

eslint 끄는 법 

ㄴ 주석으로 eslint no-undef: off

/*eslint no-undef:off*/

hello()

console.log('안녕 자바스크립트!');

/*eslint no-undef:1*/

hello()

console.log('안녕 자바스크립트!');

1번: warning

2번: 에러잡기

 

 

 

eslint에서 변수 오류 잡아주기

ㄴ rules를 지

 

 

 

깃 이그노어 생성하기 npx add-gitignore
깃 원격저장소에서 [node_modules]가 올라가지 않도록 하기 위해서!  (Extension들)
macos, windows, node, vscode 선택

 

 

 

깃허브에 올리는방법
publish to Github -> public으로 깃허브 업로드

 

 

 

브랜치 생성