100일은 해야지

🌀 for.. in - 객체 내부의 있는 모든 프로퍼티 값들을 하나씩 다루기 위해 사용let user = { name : '100dan', age : 100, personality:'nice' } for(let key in user){ console.log(key) // 'name', 'age', 'personality' console.log(user[key]) // '100dan', 100, 'nice' }  🌀 for.. in 사용 시 주의점- 정수형 프로퍼티 네임을 사용하면 의도치 않은 결과를 가져올 수도 있어서 가급적 명확한 의미가 있는 프로퍼티 네임을 사용하는 게 좋음 let myTodoList = { '3':'javascript', '1':'typescrip..

Object  🌀 객체(object)는 키(key)와 값(value)을 콜론(:)으로 구분하는 속성(property)들의 집합let obj = { key: value, // 키와 값을 묶어서 프로퍼티라 함 // property name : property value} 🛑 키는 일반적으로 따옴표 생략 후 작성하는데 주의 사항이 있음➡ 첫 번째 글자는 반드시 문자, 밑줄(_), 달러 기호($) 중 하나로 시작➡ 띄어쓰지 금지➡ 하이픈(-) 금지⚠  일반적으로 좀 더 간편한 점 표기법을 더 많이 사용하긴 하지만, 프로퍼티 네임에 띄어쓰기가 있을 경우에는 반드시 따옴표를 붙여서 문자열이라는 것을 명시해 주어야 하고, 대괄호 표기법으로만 접근이 가능하다는 점은 주의  🌀 객체 안에 있는 프로퍼티들은 쉼표..

🧐 interface (인터페이스) 란? 함수나 객체, 클래스의 스펙에 대한 정의 어떤 속성을 가지고 있어야 하는지에 대한 정의interface Person{ name:string; age:number;} 🌀 선택적 프로퍼티객체 타입에서의 선택적 프로퍼티와 유사프로퍼티가 있어도 되고, 없어도 될 때 '?'를 붙임interface Person{ name:string; age?:number;} 🌀 읽기 전용 프로퍼티객체가 처음 생성될 때만 수정 가능한 프로퍼티처음 생성 이후의 재할당 불가!interface Person{ name:string; readonly age: number}  🌀 인데스 시그니처 프로퍼티정의되지 않은 동적 타입의 할당이 필요할 때 사용interface Person{ n..

🧐 Type Annotation(타입 표기)란? 👉 변수나 함수 반환 값 등에 명시적으로 타입 정보를 제공하는 것을 말한다. 👉 식별자 또는 값 뒤에 콜론 ( : )을 붙여 value : type의 형태로 표기한다. 👉 타입표기는 코드의 가독성을 높이고 디버깅을 용이하게 하며, 컴파일러가 코드를 빌드할 때 타입 오류를 찾아내는 데 도움을 준다. 🧐 TypeScript의 기본 타입 🌀 원시 타입 👉 string : 문자열을 나타내는 타입 👉 number : 숫자를 나타내는 타입, NAN과 infinity등도 포함한다. 👉 boolean : true와 false값을 나타내는 타입 🌀 객체 타입 👉 속성(property)과 해당 값으로 구성되어 있다. const obj : {x:number, y:string}..

🧐 TypeScript란 무엇인가? 👉 자바스크립트의 슈퍼셋, 자바스크립트의 확장된 버전이다. 정적 타입 언어로서 코드를 작성할 때 변수, 함수, 객체등의 데이터 타입을 명시하고 컴파일 타임에 타입 검사를 수행한다. 이를 통해 코드의 안정성을 향상시키고 버그를 사전에 방지할 수 있으며, 대규모 애플리케이션의 개발과 유지보수를 더 쉽게 만들어준다. 슈퍼셋(Superset) : 어떤 언어나 기술이 다른 언어나 기술의 확장 또는 상위 집한인 경우를 가리킨다. 원래 언어나 기술의 모든 기능을 포함하면서 추가적인 기능이나 확장을 제공한다는 것을 의미한다. 🧐 TypeScript를 사용하는 이유? 👉 타입 안정성 : 컴파일 타임에 타입 오류를 발견할 수 있으므로 런타임 오류를 사전에 방지할 수 있다. 👉 IDE(통..

Type 자바스크립트에서는 6가지의 원시 타입과 객체가 존재합니다. 원시 값 (Primitive Value) 원시 값은 한 번 생성된 값은 변경할 수 없기 때문에 값을 변경하려면 변수에 새 값을 할당해야 합니다. 즉 원본은 하나뿐인 겁니다. 원시 값의 종류 - Boolean : 논리적 값 true, false 두 가지 값만 존재하며 주로 조건문 등에서 판단의 기준으로 사용됩니다. - null : 존재하지 않거나 유효하지 않은 값을 나타내며 비어있다는 의미로 표현됩니다. - undefined : 선언 후 값을 할당하지 않은 변수를 나타내며 변수 선언 후 초기화 하지 않는다면 undefined가 자동으로 할당됩니다. - number : 정수, 실수 등의 숫자, 부동소수점 숫자를 표현합니다 일반적인 숫자 외에..

변수(variable) 변수는 분류된 데이터에 대하여 담을 수 있는 이름을 가진 어떤 공간을 말합니다. 변수는 사용하기 전 선언을 해줘야 합니다. 변수선언 방식에는 var let const 세 가지가 있는데요 var는 제일 오래된 변수 선언 방식입니다. 제일 관대한 변수 선언 방법이죠. let과 const가 나오기 전에는 var를 썼지만 이제는 var를 대체할 수 있는 let과 const를 많이 사용하고 있습니다. var는 레거시 코드가 되는 거죠 하지만 var는 오래된 코드기 때문에 예전 프로젝트들을 보면 많이 보인다 하더라고요. let은 재할당이 가능하기 때문에 변경 가능한 값을 저장하기 위한 공간으로 쓰이고, const는 재할당이 불가능하기 때문에 변경 불가능한 값을 저장하기 위한 공간으로 쓰입니다..

스코프는 변수의 유효 범위 즉 변수에 접근할 수 있는 범위를 말합니다. 동일한 식별자 충돌을 방지하기 위해 있는 거죠 변수나 함수 선언 위치에 따라 스코프를 구분할 수 있는데요 스코프에는 전역 스코프 (global scope)와 지역 스코프(local scope)가 있는데요. 지역 스코프는 또 함수레벨 스코프와 블록레벨 스코프로 나눠져요 함수레벨 스코프는 함수에서만 가져다 쓸 수 있고 블록레벨은 블록에서만 가져다 쓸 수 있죠 여기서 블록은 {}중괄호 안을 얘기합니다. var str_v = "전역 스코프" let str_l = "전역 스코프" const str_c = "전역 스코프" function fncScope() { console.log(str_v) // Output : 전역스코프 console.lo..