솔미는 성장중

타입 별칭이란? 특정 타입이나 인터페이스 등을 참조할 수 있는 타입 변수 🌞 차이점 1. 코드 에디터에서 표기 방식 차이 타입 별칭 : 마우스 커서를 올리면 타입정보가 미리 보기 화면으로 표시됨. 인터페이스 : interface 이름 형태로만 표시됨. 타입 별칭 승! : 구체적으로 어떤 내용을 담고 있는지 파악할 때 용이하다. 🌞 차이점 2. 사용할 수 있는 타입의 차이 타입 별칭 : 일반 타입 이름짓기 / 유니언 타입/ 인터섹션 타입 / 제네릭 / 유틸리티 타입 등에도 사용 가능 인터페이스 : 주로 객체의 타입을 정의하는 데 사용 (일반 / 유니언/ 인터섹션/유틸리티/ 맵드 타입 정의 불가) 타입 별칭 승! : 인터페이스로는 정의할 수 없는 것을 타입 별칭은 정의할 수 있다! 🌞 차이점 3. 확장성 (..

보호되어 있는 글입니다.

📌 정규 표현식이란? 문자 검색 / 문자 대체 / 문자 추출하는 용도로 쓸 수 있는 패턴 📌 어떻게 만들지? 1. 생성자 new RegExp('표현', '옵션') 예시) const regexp = new RegExp('the', 'g') console.log(str.match(regexp)) //str문자열에서 the와 일치하는 것을 찾아줌 옵션) '' : 첫 번째 일치하는 것만 찾음 g : 정확히 일치하는 모든 것들 찾음 i : 대소문자를 고려하지 않고 일치하는 것들 찾음 m : 여러 줄 일치, 각각의 줄을 시작과 끝으로 인식 2. 리터럴 (더 많이 사용) /표현/옵션 예시) const regexp = /the/gi console.log(str.match(regexp)) //console.log(str..

클로저 (closure) 클로저 예시1) 클로저를 사용해서 count 하는 방법 클로저 예시2) 클로저 이용해 click event 제어하기 상단 주석은 클로저 사용하지 않고 상태 관리하는거. 클로저를 사용하면 재사용에 용이 h1El에서 사용된 createToggleHandeler와 h2El에서 사용된 createToggleHandeler는 서로 영향을 주지 않음. 메모리 누수 1. 불필요한 전역 변수 사용 2. 분리된 노드 참조 3. 해제하지 않은 타이머 4. 잘못된 클로저 사용 js 실행 순서 (call stack, web api, task queue(callback queue)) - js 프로그래밍언어에서 직접적으로 동작가능한 것은 JS call stack에 쌓여서 바로 실행 (소모할 수 있는 것은..

🌞 타입스크립트란? 정적 타입의 컴파일 언어 : 코드 작성 단계에서 타입 오류를 확인할 수 있다! JS로 컴파일 후 브라우저나 Node.js환경에서 동작한다. 타입스크립트는 자바스크립트의 '슈퍼셋' = 완벽 호환 ts는 js기능의 모든 기능을 포함하고 있고 +a가 있다! 🌞 타입스크립트는 왜 써야할까? 1. 에러의 사전 방지 ex) 인자의 타입 지정 가능. 2. 코드 가이드 및 자동 완성 단점1. 적지 않은 학습 비용 : 타입 시스템의 이해, 기반 환경 이해 ... 단점 2. 운영 중인 서비스 적용에 대한 부담감 타입스크립트 대안 JSDoc : 코드가 길어질 수 있다는 단점을 갖고 있지만 JSDoc으로 타입스크립트가 가진 장점을 흉내낼 수 있음. 🌞 타입스크립트에서 '인터페이스'의 의미는? 객체 타입을 ..