profile
Front-end Developer

[Clean Code] #1

They had rushed the product to market and had made a huge mess in the code, As they added more and more features, the code got worse and worse until t

3일 전
·
0개의 댓글
post-thumbnail

[Clean Code] #0

Clean Code를 읽으며, Highlight를 한 내용들을 정리합니다.kindle 기준 1200 페이지 분량으로 15 pages / day 로 진행하면, 일정에 지장이 없다면, 두달 반 가량 걸릴 것 같습니다.kindle에 내용을 그대로 옮기는 이유는내용 정리를 위

3일 전
·
0개의 댓글
post-thumbnail

Typescript Certification

기간 : 약 2달후기 : Typescript로 redux를 만드는 방법(가장 재밌었음), esbuild로 code editor를 만들기, lerna로 여러 package 관리하기, cli를 commander이라는 npm으로 만들기, 등 많은 것을 배웠지만, course

2021년 10월 11일
·
0개의 댓글

[redux] custom middleware

custom middleware(https://redux.js.org/api/applymiddleware아래 예제코드는 codesandbox에서 확인할 수 있다.custom middleware 로직을 만든다.store에 applyMiddleware로 연결한다.

2021년 10월 5일
·
0개의 댓글

[git] git commit message

git commit message에서 고려해야할 것들우선 git은 message에서 2번째 line을 비우면, 3번째 line부터 body라고 인식한다.Subject (consie summary of what happened)Body (more detailed expl

2021년 10월 4일
·
0개의 댓글

[git] gitignore

아래 파일구조에서 \* 표시된것만 git status에 표시된다.

2021년 10월 4일
·
0개의 댓글
post-thumbnail

[typescript] Object is of type 'unknown'.ts(2571) (error object)

tsc v4.4부터, try...catch에서 catch의 error object의 타입정의가 변경되었다.기존에는 error: any 였기 때문에, 아래와 같은 경우 ts error가 발생하지 않았다.v4.4 부터는 error object가 unknown type으로

2021년 10월 3일
·
0개의 댓글

[git] How to untrack files (git rm)

이미 tracking이 되고 있는 파일을 untrack 하는 방법\-r : recursive\--cached : cache만 삭제하는 것 (untrack 시키는 것), working directory에 파일은 그대로 살아있음

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[webstorm] Scope

cmd + , 로 Preference에 들어가서 Scope를 검색한다.Scope로 cmd + shift + f 로 검색할 때 검색할 파일명, 디렉토리명 등을 지정할 수 있다.예를 들어, api.js라는 파일이 여러 디렉토리에 있는데 api.js에서만 검색을 하고 싶다면

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[git] git submodules

git이 있는 parent-app에 git이 있는 child-app을 넣는 상황

2021년 9월 30일
·
0개의 댓글

[typescript] index.d.ts 파일에 대해서

d.ts는 type definition파일이다. ts를 js로 컴파일하면서 추가적으로 d.ts파일도 생성해주는 것이다. (ts ----(컴파일)----> js + d.ts)각각의 역할에 대해서는 tsconfig.json에 대해 기록하는 글을 참고하자.declaratio

2021년 9월 30일
·
0개의 댓글

[react] package.json

package.json에 대한 내용을 정리한다.npm으로 import하는 경우, 진입하는 최초 파일을 지정한다.npm으로 import하는 경우, Type definition 파일을 지정한다.

2021년 9월 30일
·
0개의 댓글

[typescript] tsconfig.json

tsconfig에 있는 property에 대해 설명한다.typescript를 js로 compile한 후에, js파일을 저장할 위치이다.(dist는 distribution의 약어이다.)d.ts 파일(Type Definition File)의 생성여부이다.true이면 out

2021년 9월 30일
·
0개의 댓글

[npm] lerna

lerna는 npm package를 여러 project에 한번에 관리해줄 수 있는 tool이다. 특정 버전(3.22.1)에 대해서 작성한다.

2021년 9월 29일
·
0개의 댓글

[npm] esbuild #3

esbuild에 대해 추가적으로 알아둘 만한 것들React.createElement를 다른 형태의 alias로 사용할 수 있다.jsx Element를 발견하면, React.createElement()로 컴파일된다.예를 들어 아래와 같이 import 이름을 바꾼다면 el

2021년 9월 27일
·
0개의 댓글

[css] transition에서 delay로 UX 향상시키기

Element에 hover할 때, opacity의 값을 변화시키는 transition을 쓰는 경우,Element위에서 빠르게 마우스를 왔다갔다하면, 잔상처럼 보이는 경우가 있다.이것을 delay를 적용하여 없애도록 한다. (추가로 ease-in을 적용하여, 최초발생속도

2021년 9월 25일
·
0개의 댓글

[redux] redux dispatch test

React에서 Redux dispatch를 테스트할 수 있다.Redux Devtools를 사용하지 않고, 코드로 테스트하는 방식

2021년 9월 18일
·
0개의 댓글
post-thumbnail

[API] google map

Google Map에서 index.ts에서 아래 method 사용은 app을 break할 수도 있다.setZoomsetCentersetStreetViewgetHeadingsetHeadingpanTo\--> Map을 담고 있는 class를 따로 만들어서 접근할 수 없도록

2021년 9월 13일
·
0개의 댓글

[typescript] Class

class에는 modifier가 3가지 있다. public : 표기하지 않아도 기본적으로 적용됨 (외부에서 접근할 수 있다.)private : 해당 class(instance) 내에서만 접근(사용)할 수 있다.protected : same class와 subclass에

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[vscode] go to definition tips

go to definition을 하게 되면, definition으로 이동하게 된다. (나는 cmd + B로 셋팅해두었다. 보통 F12가 기본값이다.)이때 definition되는 곳이 여러곳인 경우, 아래와 같이 preview가 뜨게 된다.저런 preview 없이 바로

2021년 9월 12일
·
0개의 댓글