일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- cypressBDD
- awss3
- git commit merge
- cypress React
- 시스템설계면접팁
- git squash
- 디자인패턴
- 시스템설계방법
- 리팩토링2판4장
- FirebaseAnalytics
- git commit 협업
- 전략패턴
- react-ga
- 리액트구글애널리틱스
- 시스템설계면접
- 시스템설계면접예시
- gitsquash
- formik react-query submitting not working
- 가상면접으로대규모시스템
- 리팩터링2판테스트
- 헤드퍼스트전략패턴
- 시스템설계
- 가상면접3장
- formik submitting not working
- Git commit 합치기
- 테스트코드책
- s3이미지다운로드됨
- file not found Error
- 가상면접2장
- react
- Today
- Total
목록FrontEnd (129)
mingg IT
https://mingg123.tistory.com/226 [TS] 이펙티브 타입스크립트 리뷰 1장 타입스크립트 알아보기 https://mingg123.tistory.com/225 [이펙티브 타입스크립트] 1장 구조적 타이핑 mingg IT [이펙티브 타입스크립트] 1장 구조적 타이핑 본문 FrontEnd [이펙티브 타입스크립트] 1장 구 mingg123.tistory.com 아이템 58 모던 자바스크립트로 작성하기 타입스크립트로 마이그레이션을 할 경우 자바스크립트 코드부터 최신 버전으로 바꾸자. 타입스크립트 도입시 ECMAScript 모듈과 ES2015 클래스가 중요함 ES로 전환시 웹팩 혹은 ts-node 도구가 필요할 수 있음. ES 모듈로 전환 ES로 전환 전 const b = require('...
https://mingg123.tistory.com/226 [TS] 이펙티브 타입스크립트 리뷰 1장 타입스크립트 알아보기 https://mingg123.tistory.com/225 [이펙티브 타입스크립트] 1장 구조적 타이핑 mingg IT [이펙티브 타입스크립트] 1장 구조적 타이핑 본문 FrontEnd [이펙티브 타입스크립트] 1장 구 mingg123.tistory.com 자바스크립트는 런타임시에 변수의 타입이 정해지는 동적인 언어이다. 타입스크립트는 정적이면서도 동적인 특징을 가지고 있기 때문에 프로그램의 일부에만 적용시킬 수 있다. 이로인해 자바스크립트에 타입스크립트를 처음 적용하거나, 일부를 적용할 때 any를 많이 사용하는데 any는 프로젝트 전체에 많은 영향을 끼칠 수 있기 때문에 장점을 살..
1장 https://mingg123.tistory.com/141 [리팩토링] 리팩토링 2판 1장 리뷰 리팩토링 2판 예시 1번 프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기 쉬운 형태로 리팩토링하고 나서 원하는 기능을 추가한다.리팩토링 하기 전에 제대로 mingg123.tistory.com 2장 https://mingg123.tistory.com/196 [리팩토링] Refactoring 2장 리팩토링 2장 자기가 개발할 때 경험을 설명하고 있음. 2.1 리팩토링 정의 리팩토링하기 전과 후의 코드가 똑같이 동작해야 한다. 리팩토링 과정에서 발견된 버그는 리팩토링 후에도 그대로 남아 mingg123.tistory.com
아이템 28 유효한 상태만 표현하는 타입을 지향하기 타입을 잘 설계하려면 유효한 상태만 표현할 수 있는 타입을 만들어야함 타입 설계가 잘못 된 예시 1 interface State { pageText: string; isLoading: boolean; error?: string; } function renderPage(state:State) { if(state.error) { return `Error`; } else if(state.isLoading) { return 'loading currentPage'; } return 'currentPage' } isLoading이 true이고 동시에 error 값이 존재한다면 로딩 중인 상태인지, 오류가 발생한 상태인지 명확하게 구분이 힘듬. async funct..
프로젝트에서 apexcharts라는 라이브러리르 사용하고 있다. https://apexcharts.com/ ApexCharts.js – Open-Source HTML5 JavaScript Charts See it in action Below is a code snippet to show a glimpse of how easy it is to create interactive charts. apexcharts.com 우선 사용하기가 쉽고, 공식문서가 굉장히 친절하다. 그냥 type='pie' 'bar' 이런식으로 차트의 종류를 선택해서 쓸 수 있다. 커스텀을 엄청나게 빡세게 하지않아서 그런지 아직은 사용하는데 불편함이 없었다. 보통 통계 부분을 시각화를 많이해서 사용하는데, 조금이라도 더 유저가 친환경적으..
보호되어 있는 글입니다.
주요 내용 자바스크립트와 타입스크립트 호환 관련하여 지양해야할 점 정보 은닉 하는 방법(클로저) 소스맵 정의 아이템53 타입스크립트 기능보다는 ECMAScript 기능을 사용하기 타입스크립트와 자바스크립트간의 호환성문제로 유의해야 하는 것들 enum const enum Flavor { V = 0, C = 1, S = 2, } function scoop(flavor: Flavor) scoop('vanilla'); // 자바스크립트에서는 정상 scoop('vanilla'); // 타입스크립트에서는 에러 'vanilla' 형식은 'Flavor' 형식의 매개변수에 할당될 수 없습니다 자바스크립트와 타입스크립트에서 동작이 다르기때문에 문자열 열거형은 사용하지 않는 것이 좋다. 열거형 대신 리터럴 타입의 유니온을 ..
주요 내용타입스크립트에서 의존성 동작 방식의존성 관리시 발생할 수 있는 문제 및 해결방안타입에 대한 테스팅 기법 아이템45 devDependencies에 typescript와 @types 추가 하기 dependencies 런타임에서 사용하는 라이브러리들이 포함됨 devDependencies 개발 및 테스트에서는 사용되지만, 런타임에는 필요없는 라이브러리들이 포함됨 typescript, cypress, jest 등 테스트 프레임 워크 peerDependencies 런타임에 필요하지만, 의존성을 직접 관리하지 않는 라이브러리들이 포함됨 플러그인 타입스크립트를 시스템 레벨로 설치하기보단 devDependencies로 관리해야하는 이유팀원들과 동일한 타입스크립트 버전 보장 프로젝트 셋업시 단계 단축@types ..