일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 회고
- frontend
- 티스토리챌린지
- CustomHook
- MFA
- provider 패턴
- 클린코드
- MicroFrontEnd
- vite
- CRA
- radixui
- 에세이
- Webworker
- 웹워커
- 이것저것
- react
- JavaScript
- sharedworker
- 리액트
- 프론트엔드
- 합성 컴포넌트
- Function Region
- 자바스크립트
- 아키텍처
- virtaullist
- context.api
- 오블완
- Web
- TypeScript
- 리팩토링
- Today
- Total
목록TypeScript (2)
Lighthouse of FE beginner
Overview프론트엔드에서 프로젝트를 진행하다보면 반복되는 문자열 형식의 값이 존재합니다.보통 반복되는 값은 다음과 같은 경우입니다. 1. 반복되는 문구로 사용자에게 노출할 텍스트2. 서버와 약속을 해 프로젝트 자체에서 사용하는 텍스트3. 프론트엔드 프로젝트에서만 사용하는 상수 값 2번의 경우 보통 코드라는 단어로 부르게 되고, 3번의 경우 프로젝트에서 상수라고 부르게 됩니다. 반복되는 값, 리터럴반복 되는 값은 리터럴 그 자체를 매번 사용하는 것이 아닌 특정 변수에 담아서 사용해야 합니다. 예를 들면 다음과 같은 코드가 있습니다.예시를 들기위해 서버에서 특정 에러 케이스를 200 응답에 status라는 필드를 통해 알려주고 있다고 가정합니다. fetch('api').then((res) => { co..
Overview오늘은 TypeScript any에 대해서 다뤄볼 예정입니다.4월 새로운 팀에서 근무를 시작하고 프로젝트를 받아서 코드 파악을 하는 도중 any 타입이 너무 남발되어 있어서 당황한 적이 있습니다.최근에 회사에 좋지 않은 바람이 불어서 다른 팀 인원이 부족한 상황에 도움을 주러 팀이 이동됐습니다.또 다시 프로젝트를 클론 받아서 코드를 파악하려는데 이번 프로젝트는 대부분의 타입이 any로 되어있더군요.. 사실 이 글은 그 분노로 인해서 탄생된 글입니다. TypeScript타입스크립트란 무엇인가요?자바스크립트에 정적인 타입을 올려놓은 자바스크립트 슈퍼셋 언어입니다. 자바스크립트(JavaScript)는 동적인(Dynamic한) 언어입니다. 컴파일 단계에서 타입이 정해지지 않고 런타임 시점에 타입이..