본문 바로가기

Language/JS

var-let-const 차이, Boolean, Undefined 와 Null 의 차이 1. var-let-const 의 차이점 명령어 뜻 var name = "value" 재 선언가능, 재 할당 가능 let name = "value" 재 선언 불가, 재 할당 가능 const name = "value" 재 선언 불가, 재 할당 불가 -> 한번 선언하면 그 뒤로 상수 취급 /*var*/ //최초 선언 var a = "apple" // 재 선언 (가능) var a = "array" //재 할당 (가능) var a = "age" /*let*/ //최초 선언 let a = "apple" // 재 선언 (에러) let a = "array" //Uncaught SyntaxError: Identifier 'title' has already been declared //재 할당 (가능) let a = ".. 더보기
String 형 변수, Number형 변수 선언 1. JavaScript 변수 선언의 특징 JavaScript는 느슨한 타입의 동적 언어이다. Java 처럼 int, float, String 등등으로 type이 따로 나누어져 있지 않다. 따라서 type 선언이 따로 없고, 하나의 변수에 어떤 타입의 값으로든 할당 및 재할당이 가능하다. (문자열, 숫자, boolean 등) a = "Class" a = 27 a = true 2. String 선언 방식 3가지 a = "bla bla" a = 'bla bla' a = `bla bla` 큰 따옴표, 작은 따옴표, 물결표로 진화 전 모양 3가지로 문자열을 표현할 수 있다. 큰 따옴표와 작은 따옴표는 기능이 같으므로 둘 중 하나를 취향 껏 사용하면 된다. `` 이 기호는 특별한 기능이 하나 더 장착 되어 있다... 더보기
JS를 HTML 내부에서 쓸 수 있도록 설정 0. 프로젝트 만들 폴더 열기 (VScode 이면 파일 누르고 폴더 열기) 1. npm 깔기 (터미널에 npm init -y ) (-y 쓰면 메타데이터 설정하는 거 건너 뛰겠다는 소리) 2. Parcel 번들러 설치 (터미널에 npm -i -D parcel) (여기서 -D는 개발할 때만 해당 module을 쓰겠다는 의미, 배포 시 안 따라감.) 3. package.json의 script 영역 편집 - script 영역은 명령어들을 설정할 수 있음. "A" : "B" 형태로 설정 설정 시 npm run A 라고 터미널에 치면 B가 수행됨. - 우리는 여기서 개발 용 빌드와 진짜 찐막 배포 시 빌드로 빌드 명령어를 2개로 나눌 것임. parcel 옆에 build를 적으면, 배포용으로 빌드 하겠다는 소리고 빌.. 더보기
유의적 버전이란 무엇인가 프로그램이 개발되는 특정 시점에다가 번호를 매겨서 의미를 부여 하는 것을 유의적 버전이라고 한다. 위의 사진은 lodash와 parcel의 유의적 버젼을 보여준다. 세부적으로 뜯어보면 유의적 버젼은 Major.Minor.Patch 로 나뉘어져 있다. Major는 기존 버젼과 호환이 되지 않는 새로운 기능이 추가된 버젼을 의미한다. (여기서 기존 버전이란 직전버젼이다. lodash가 4버젼이니까, 기존 버전은 3버전이다.) Minor는 기존 버전과 호환이 되는 기능이 추가된 버전을 의미한다. patch는 기능이 추가된 것이 아니라, 버그 및 오타가 수정된 버전을 의미한다. 그리고 앞에 ^ 표시는 '메이저 버젼이 바뀌지 않는 상태에서 가장 최신 버전으로 업데이트 가능' 이라는 뜻을 가지고 있다. 만약 프로그.. 더보기
Parcel 이용 방법. 웹 브라우저에 띄울 수 있는 언어는 HTML, CSS, JS 이 세 개 뿐이다. TS(typescript)는 JS를 더 쉽게 쓰기 위하여 나온 언어 이지만 이 코드는 웹 브라우저에 띄울 수 없기 때문에 변환 과정을 거쳐야 한다. 이 변환 과정을 자동으로 해주는 Module이 바로 Parcel이다. Parcel의 또 다른 장점은 빌드가 빠르고 쉽다는 것이다. 또한 우리는 JS에서의 설정 파일인 package.json을 이용해, test 상황과 배포 상황 각각 빌드를 다르게 해주는 환경을 만들 것이다. 1. package.json 안의 내용 수정 "scripts": { "dev": "parcel ./index.html", "build": "parcel build ./index.html" } package.j.. 더보기
NPM 시작 1. 플래그란? --version , -v, --save-dev 이런 -(middle hyphen) 사용한 명령어들을 플래그라고 한다. 2. NPM 시작 이제 우리가 쓸 모듈들을 설치해주고, 관리해주는 NPM을 깔아 보겠다. 우리가 NPM을 깔려는 파일을 선택하고, 그 파일 밑의 터미널에서 해당 명령어를 치면 된다. 명령어 npm init, npm init -y npm init 만 치게 된다면, 그 후 우리는 우리가 설치한 NPM의 메타 데이터 정보를 따로 적어줘야 한다. 이러한 과정이 싫다면, npm init -y를 치면 된다. 이렇게 하면 메타 데이터 정보 적는 과정을 생략한다. 3. NPM의 내부구조 (1)전체 구조 우리가 NPM을 깔면 밑과 같은 구조가 된다. 여기서 package-lock.jso.. 더보기
NPM이란? Package는 Module이라고도 불리며, 프로그램보다는 규모가 작은 기능들을 의미한다. NPM이란 Node Package Manager의 약자로, 웹에서 Packager들을 다운받아서 설치 해주고, 관리 해주는 툴을 말한다. 우리는 집을 짓고 싶다. 하지만 나무 판자와 돌맹이, 철만 있다고 해서 집을 지을 수 없다. 집을 짓기 위해 필요한 굴삭기, 지게차, 망치, 톱 같은 것이 있어야 한다. Module은 이러한 굴삭기, 지게차, 망치, 톱 같은 것이고, NPM은 이런 것들을 받아다 관리해주는 친구라 생각하면 편하다. 더보기