profile
Dev FE 기록, 행동, 회고 유후~ 💜

[리액트 컴포넌트 타입 비교] ReactNode, ReactElement, JSX.Element

미리 내용을 요약하자면타입의 범위는 ReactNode(포괄) > ReactElement > JSX.Element 로 나열해볼 수 있다.클래스 및 children prop의 타입은 ReactNode로 반환되고 일반 함수형 컴포넌트에서는 ReactElement를 반환한다.

2022년 4월 5일
·
0개의 댓글
·
post-thumbnail

자란다 기업과제 회고 _ 조건에 맞는 검색결과 보여주기

페이지네이션이번 과제에서는 크게 3가지로 기능을 묶어 볼 수 있었다.1\. 로그인/로컬 회원가입2\. 사용자 권한별 접근 제어3\. 검색조건에 맞는 결과 및 페이지네이션4\. 권한 생성 및 수정 프리온보딩에서는 피그마가 제공되지 않는데 원활한 팀웤을 위해 직접 피그마를

2021년 8월 6일
·
0개의 댓글
·
post-thumbnail

[프로젝트] 이슈트래커🎫

우선 전반적으로 프로그램이 무겁지 않아서 그런지 낭비를 줄일만한 곳을 크게 발견하지 못했다.최적화 작업을 통해 좀 더 다이나믹한 before/ after를 기대했지만 규모가 큰 프로젝트에서 꼭 다시 진행해봐야겠다.React.lazy와 loadable-components

2021년 7월 22일
·
1개의 댓글
·

useRef의 새로운 발견 (useState와 비교)

컴포넌트는 자신의 상태값이 변경되거나, 부모로 부터 받은 인자값이 변경되었을 때 새로 렌더링된다. 심지어 useMemo나 useCallback, React.memo 등 최적화함수가 적소에 사용되지 않은 경우 부모로부터 받은 prop이 변경되지 않아도 새로 렌더링되거나

2021년 7월 20일
·
1개의 댓글
·
post-thumbnail

[React/Typescript] airbnb clone

한동안 페어프로그래밍만 진행해오다 오랜만에 개인 프로젝트를 진행했다.airbnb_record깃헙링크: team15: 에어비앤비 클론개발기간: 3주 (21/05/17-21-/06/04주요미션내용리액트/타입스크립트 적용라우팅, 요금슬라이드, 달력 캐러셀 구현로그인지도 ap

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

Router사용 간단정리🎯

이번 에어비앤비 미션 중, 화면전환이 필요할 때 주소창에 url 파라미터, 쿼리를 붙여 페이지 이동을 하게 했다. 기존에 사용해보았던 history를 사용했었는데 다른 방법도 알면 좋을 듯해서 좀 더 살펴보았다.라우터를 설정해주는 페이지에서는 여기까지만 입력해도 충분하

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

[react-TodoList] 팀활동에 대한 회고

개발기간: 21/04/05 - 21/04/16 개발내용: 리액트로 투두리스트 구현하기 주요기능: 깃헙 프로젝트처럼 동작하는 투두리스트를 만든다. 깃헙링크: 투두리스트 click😃이번 미션은 기술, 코드에 대한 정리보다 팀원들과 함께 느낀 바들을 정리하였다.리

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