해당 포스트는 러닝 타입스크립트 5장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 📥 함수 매개변수 함수의 매개변수도 타입을 지정할 수 있습니다. const func = (v: string) => { console.log("v >> ", v); }; ...

해당 포스트는 러닝 타입스크립트 4장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 🎈 객체 타입 0️⃣ 객체 타입 선언 let myValue: { name: string; age: number; }; myValue = { name: "Aatrox", age...

해당 포스트는 러닝 타입스크립트 3장을 읽고 정리한 포스트입니다. 🧬 유니언 ( union ) 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것을 의미합니다. 타입을 확장했기 때문에 더 많은 타입이 들어갈 수 있도록 유연하긴 하지만 사용에 제한이 걸립니다. 유니언 타입 모두가 갖고 있는 공통된 멤버에만 접근할 수 있습니다. /...

해당 포스트는 자바스크립트 완벽 가이드라는 교재로 스터디를 하면서 13장을 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다.또한 교재의 모든 내용을 정리하지 않고 주관적인 판단에 의해 필요한 내용만 작성했습니다. 📦 콜백과 비동기 콜백이란 특정 조건을 만족했을 때 실행할 함수를 의미합니다. 대표적으...

해당 포스트는 러닝 타입스크립트 2장을 읽고 정리한 포스트입니다. 🧮 타입 타입이란 JavaScript에서 다루는 값의 형태에 대한 설명입니다. ( 형태란 값에 존재하는 속성과 메서드 그리고 내장되어 있는 typeof 연산자의 결과를 의미 ) TypeScript는 값을 아래의 일곱 가지 기본 원시 타입으로 간주합니다. 일곱 가지 기본...

해당 포스트는 Git-Flow전략에 대한 포스트입니다.혹시 Git에 대한 명령어에 대해 알고 싶다면 여기를 추천드립니다. ⏳ Git Flow Git Flow란 Git을 이용하여 개발을 진행하는 전략 중에 하나입니다. 개인 혹은 팀원들과 협업을 통해서 Git을 사용한다면 팀원들 모두가 이해만 하고 있다면 어떤 전략을 사용해도 상관없습니다. 하...

해당 포스트는 Eslint와 Prettier에 대한 포스트입니다. 🧱 ESLint Lint란 소스 코드에 문법적인 문제가 있는지 탐색하는 도구입니다. 그 중에서 ESLint라는 도구를 사용해서 런타임 전에 미리 코드의 문제를 확인할 수 있습니다. 0️⃣ 설치 npm i -D eslint # extends ( 예시용 ) npm i -D e...

해당 포스트는 이펙티브 타입스크립트 7장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 📖 7장 코드를 작성하고 실행하기 초기 JavaScript에 없던 기능들을 TypeScript에서 독립적으로 만들었고, 이후에 JavaScript에서 다른 방식으로 표준이 돼서 호환성에 ...

🔌 정규 표현식 ( RexExp ) 정규 표현식은 텍스트의 패턴을 정의하는 객체입니다. 즉, 복잡한 텍스트에서 특수한 패턴을 가진 텍스트만 골라내는데 유용하게 사용할 수 있습니다. ( ex) 해시태그, 전화번호, 비밀번호 등등 ) 0️⃣ 정규 표현식 정의 방법 RegExp 생성자 함수 사용 ((1)) 정규 표현식 리터럴 사용 ((2)) ...

해당 포스트는 webpack + TypeScript + React를 세팅하는 방법에 대한 포스트입니다.대부분의 내용은 ryuhojin님의 포스트를 참고했으며 이해했고 필요한 부분만 추가했고 모르는 부분은 제외했습니다. 결과물은 GitHub - boilerplate에 올렸습니다. 📲 Webpack 이란 webpack은 모던 JavaSc...