# pick
Typescript & React 재밌게 사용해보기
처음 react 프로젝트를 진행할 때 typescript의 존재를 몰랐다. 당시 프로젝트를 도와주시던 멘토님이 "typescript 쓰면 좋은데.." 라고 탄식하셨다. 그때는 다른 언어를 배울 여유가 없어서 그냥 흘려들었다. 당시 작업하던 과정을 생각해보면, 머리속으로
Type Chellenge - Pick
T에서 K 프로퍼티만 선택해 새로운 오브젝트 타입을 만드는 내장 제네릭 Pick<T, K>을 이를 사용하지 않고 구현하세요.TodoPreview가 MyPick과 일단 같아야 된다.todo에 TodoPreview 대신 MyPick<Todo, ‘title’ |
[Typescript] 유틸리티 타입
유틸리티 타입은 이미 작성된 타입을 변경하고 싶을 때 사용하는 타입이다.이번에는 많은 유틸리티 타입 중에서 Partial Pick Omit에 대해 알아보려 한다.더 많은 유틸리티 타입을 알아 보고 싶다면 아래 링크를 참고하면 된다.링크Partial의 타입을 Ctrl +
checkbox를 이용한 color 선택 구현
프로젝트를 생성하면서 메인 색상으로 쓸 색을 사용자가 고르도록 하는 팔레트를 만들었다. > - 색상을 map으로 뿌려준 후 한개만 선택 선택이 되었을때는 선택 되었다는 표시 선택된 색상을 string으로 받을 value 필요 라이브러리 사용하지 않고 구현하고
[Git][rebase] git merge와 rebase의 차이점, rebase는 왜 사용할까? rebase 사용법
머지는 브랜치를 통합하는 것이다. 병합 시 합쳐진 브랜치의 커밋 메시지가 중복으로 쌓인다.새로운 머지 커밋을 생성한다.base를 재설정한다는 의미로, 브랜치의 base를 옮긴다.branch는 base지점을 가지고 있어 base 에서부터 코드를 수정한다.처음에는 B지점을
유틸리티 타입
이미 정의해 놓은 타입을 변환할 때 사용하는 타입 문법이다.특정 타입에서 몇개의 속성을 선택하여 타입을 Pick키워드로 정의 하는 문법이다.interfact를 하나더 생성해 타입을 지정해주는 방법도 있지만 코드가 길어지는 단점이 있는데 이를 해결해 줄수 있는게 Pick
[Bouncing Ball] Interactions만들기 -mouseover시 속도 변경, 이미지 집어서 드래그
브라우저 창에 마우스 호버하면 슬로우모션으로 애니메이션 실행마우스로 움직이는 공 잡아서 드래그mouseover 로 호버했을 때 공들의 속도를 늦추기mouseout 으로 마우스가 브라우저 밖으로 나갔을 때 속도 원상복귀브라우저 창에 마우스를 호버하면 슬로우모션으로 공이