컴포넌트 합성

자바스크립트를 사용한 컴포넌트 합성 예제예제 코드와 다르지만 일단 넘어가자.하지만 타입 스크립트는?props에 타입을 선언해주지 않으면 컴파일이 되지 않는다. 예전에 React.ReactNode라는걸 써본적 있는것 같은데, 그땐 뭔지도 모르고 아무렇게나 썼다. 뭔가 c

2021년 7월 28일
·
0개의 댓글

커스텀 훅

비동기 리퀘스트를 위한 커스텀 훅을 만들어서 사용해봤다.뭐 대충 이렇게 짰던것 같다. 리스트를 렌더링하려고 구현했는데, 리스폰스 받는데 시간이 조금 걸리면 리스트가 제대로 렌더링되지 않는 문제가 발생했다. 그래서 리액트 공식문서를 보다가 커스텀 훅을 이용해 해결할수 있

2021년 7월 28일
·
0개의 댓글

useState와 비동기

하위 컴포넌트의 상태를 갖고 있는 상위 컴포넌트가 있다. 저번에도 포스팅 했던것 같다. 계속 구현하다보니 뭔가 이상한점이 발견되었다.와 같이 코드를 작성했다. 콜백으로 내려간 someHandler가 SomeComonent에서 상태를 잘 가져오고 있는지 보려고 콘솔을 찍

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

2021-06-10 event handler

전개구문에서 {...props, (props의 프로퍼티)}와 같이 작성해야 한다고 생각했는데 date.startDate가 오류가 있음. 왜 안되는지 한참 고민하다가, 그럼 전개구문을 두 번 빼보자 라고 생각함.props의 date를 전개구문을 이용하여 date 오브젝트

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

2021-05-25 코드리뷰

onChange=>{} 내부에 이벤트를 각각 구현하고 있었다. 코드 길이도 길어지고, 가독성도 좋지 않은 상태였음.handleChangeForm(...) 이라는 핸들러를 만들고, onChange={} 이벤트 내부에 핸들러 함수 하나만을 이용해서 이벤트를 컨트롤 하게 만

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

React 절대경로 설정

아무생각없이 임포트를 하다보면 과 같이 뭘 가져왔는지는 알겠는데, 이게 대체 어디있는걸 가져온건지 모르겠는 난감할 때가 많다.위와같이 설정을 하고, 프로젝트가 위와같이 구성이 되어있다고 한다면, 과 같이 임포트를 할 수 있다. from뒤의 폴더경로를 모두 써줘야하는 귀

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

CRA / Typescript / eslint / prettier 셋팅하기

CRA: create-react-apptypescript: javascript의 슈퍼셋 언어eslint: 타입스크립트의 문법 에러를 잡아주는 패키지prettire: 에디터 코드 스타일 잡아주는 패키지까먹을까봐 남겨둔다.https://velog.io/@kmlee

2021년 5월 2일
·
1개의 댓글