지극히 개인적인 공부 노트/자바스크립트(JS) & 타입스크립트(TS) 4

[JavaScript] "npm" vs "yarn"

1. npm이란? npm(Node Package Manager)은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이며, 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자를 의미한다. Node.js로 만들어진 모듈을 웹에서 다운 받은 후, 쉽게 설치하고 관리해주는 프로그램으로써, 개발자 입장에서는 단 몇 줄의 명령으로 기존 공개된 모듈을 설치하여 사용할 수 있다. 이 npm은 "명령 줄 클라이언트(npm)", 공개 패키지와 지불 방식의 개인 패키지의 "온라인 데이터베이스(npm 레지스트리)"로 이루어져 있다. 여기서 레지스트리는 클라이언트를 통해 접근되며, 사용 가능한 패키지들은 npm 웹사이트를 통해 검색할 수 있다고 한다. 이런 npm이 없었을 때에는 필요한 기능을 추가하기 위해 직접 코드..

[JavaScript] 자바스크립트에서 조건문과 반복문 사용 형식

1. 조건문(if문) 다음과 같이 if, else if, else를 이용하여 다양한 형식의 조건문 작성이 가능하다. // if문 if ( 조건 ) { 조건이 true일 때 수행할 명령; } // if - else문 if ( 조건 ) { 조건이 true일 때 수행할 명령; } else { 조건이 false일 때 수행할 명령; } // if - else if문 if ( 조건1 ) { 조건1이 true일 때 수행할 명령; } else if ( 조건2 ) { 조건2가 true일 때 수행할 명령; } else if ( 조건3 ) { 조건3이 true일 때 수행할 명령; } // if - else if - else문 if ( 조건1 ) { 조건1이 true일 때 수행할 명령; } else if ( 조건2 ) { 조..

[JavaScript] 자바스크립트 연산자

1. 산술 연산자 여느 프로그래밍 언어에도 있듯이 자바스크립트에도 다음과 같은 기본적인 산술 연산자가 존재한다. +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지) 특이한 점은 자바스크립트에선 string 타입의 숫자에도 똑같이 숫자의 산술 연산자 방식으로 적용된다. 단, 더하기는 문자에 문자를 이어 쓰는, 문자열 덧셈 방식으로 동작한다는 점을 유의해야 한다. // 덧셈 6 + 3 // 9 6 + '3' // '63' '6' + '3' // '63' // 뺄셈 6 - 3 // 3 6 - '3' // 3 '6' - '3' // 3 // 곱셈 6 * 3 // 18 '6' * 3 // 18 '6' * '3' // 18 parseInt(7 / 2) // 몫은 나눗셈을 진행한 후에 버림을 수행함으..

[JavaScript] 자바스크립트의 변수와 데이터 타입(feat. 대표적인 속성과 메서드)

1. 자바스크립트의 변수 1) var 가장 기초적인 변수 선언 방법이다. 한 번 선언하면 다른 방법들과 달리 파일 전체(전역 변수)에서 영향을 끼친다. 최근에는 변하기 쉽고, 명시성이 부족한 var보다는 let과 const 두 가지를 사용한다. hoisting(코드 내 어디에서 선언 및 초기화가 되든 코드 맨 첫 줄부터 동작)이 가능하다. 재선언 가능 재할당 가능 var name; // 변수 선언. name 안에는 'undefined'가 저장됨. name = 'gildong' // 변수 초기화(할당) var name = 'gildong' // 변수 선언 및 초기화 var name = 'gildong', first_name = 'Hong' // 한 번에 여러 변수 선언, 초기화 가능 2) let var와 ..