참고 링크 https://jsdoc.app/ Use JSDoc: Index Index Getting Started Getting Started with JSDoc 3 A quick-start to documenting JavaScript with JSDoc. Using namepaths with JSDoc 3 A guide to using namepaths with JSDoc 3. Command-line arguments to JSDoc About command-line arguments to JSDoc. Configuring jsdoc.app Getting Started with JSDoc 3 JSDoc 3 (최신버전) 이란? - JavaScript를 위한 API 문서 생성기 - 소스코드에 직접 코멘트..

모던 자바스크립트 Deep Dive 정리 표현식 삽입 ▶ + 연산자는, 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다 ▷ 예) console.log( 'My name is' + 100 + 20 ); // My name is10020 ▶ 템플릿 리터럴에서 ${ } 안에는 표현식이 위치하며, 평가된다 ▷ 예) console.log(`1 + 2 = ${1 + 2}`); // 1 + 2 = 3 Null 타입 ▶document.querySelector 메서드는 조건에 부합하는 HTML 요소를 검색할 수 없는 경우 에러 대신 null을 반환 ▷ 예)

모던 자바스크립트 Deep Dive 정리 값의 할당 ▶변수 선언은 런타임 이전에 미리 실행(undefined로)된다고 배웠다 ▶값의 할당은 런타임에 실행 변수 선언에 별도의 주석이 필요하다면 변수의 존재 목적을 명확히 드러내지 못하는 것이다 평가 Evalutate (계산) ▶10 + 20 은 30으로 평가된다 ▶값은 표현식이 평가되어 생성된 결과이다 리터럴 ▶사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 ▶3은 숫자 리터럴이다 표현식 ▶값으로 표현될 수 있는 문 ▶표현식 : 변수에 할당 가능 ▷예) 10 + 20 ▷x = 100 (할당문) ▷크롬 개발자 도구에서 실행시 평가된 값 반환 ▶표현식이 아닌 문 : 변수에 할당 불가 ▷var score; ▷console.log(10..

모던 자바스크립트 Deep Dive 정리 변수 ▶하나의 값을 저장하기 위해 확보한 메모리 공간 자체와 이것을 식별하기 위해 붙인 이름 ▶메모리 주소를 변수로 감싸서 사용 ▶변수에 할당하지 않으면 재사용할 수 없다 참조 (Reference) ▶변수에 저장된 값을 읽어들이는 것 식별자 ▶핵심 기능은 식별 ▶변수의 상위 개념이며 그밖에 함수, 클래스의 상위 개념이기도 함 ▶메모리 주소를 기억 (값이 아닌) 변수 선언 ▶var, let, const ▷var, let을 이용한 변수 선언은 undefined 초기화를 수반 ▶변수 선언은 런타임 이전에 미리 실행됨 → 호이스팅 가능케함 ▷호이스팅 : 변수 선언문이 참조문 위에 있는 것처럼 동작하는 것 // 호이스팅 사례 console.log(foo); // undef..

객체 타입 TypeScript 에서 객체를 만들고 const person = { name: 'john', age: 30 } person에 커서를 올리면 아래처럼 TypeScript가 타입을 추론한 결과가 나온다 각 항목이 콤마가 아닌 세미콜론으로 구분됨에 주의한다 const person: { name: string; age: number; } 또한 객체에도 : object 또는 : {}를 붙여 타입을 확실하게 명시해줄 수도 있다 또는 아예 키 : 타입 쌍을 추가하여 정확하게 지정할 수도 있다 // app.ts const person: { name: string; age: number; } = { name: 'john', age: 30 } console.log(person.name); JavaScript에..

TypeScript는? TypeScript는 언어이면서 도구(컴파일러)이다 TypeScript 코드를 JavaScript 코드로 변환해주는 강력한 컴파일러 도구 : 변수 선언문 끝에 !를 붙이면 이것이 절대 null 이 되면 안된다는 것을 typescript에게 알려줌 JS 와 TS 간 공유되는 타입 - number (integer / float 등의 구분은 없음 -> 5 나 5.0이나 똑같음) - string - boolean 컴파일 해보기 app.ts 파일과 app.js 파일을 같은 위치에 만들고, tsc app.ts 명령어를 사용하면 TypeScript로 작성된 app.ts 가 JavaScript 코드로 작성된 app.js로 컴파일된다. // app.ts function add(n1, n2) { r..