profile
개발자

createPortal

팝업이나 모달 등을 만들 때 html에 모든 하위 요소를 다 담지 않고 필요할 때만 보이도록 할 수 있습니다.react-dom에서 제공하는 createPortal을 이용하면 아주 깔끔하게 구현이 가능합니다.

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

Life cycle method

data가 변할 때, 렌더의 어느 순간에 data를 가공할 것인가에 대한 문제가 있습니다.이를 위해, 적절한 타이밍에 data를 가공할 수 있도록 각 타이밍에 대한 메소드가 있습니다.크게 4가지로 마운트, 업데이트, 해제, 오류처리 나뉜다고 공홈에서 소개하고 있습니다.

2020년 12월 22일
·
0개의 댓글
·

데이터를 jsx에 반영하기

데이터의 종류엔 2가지가 있습니다.부모에게서 넘겨받는 props와 내 컴포넌트 안에서 바뀌는 데이터인 state가 있습니다.부모가 jsx의 attribute로 값을 넘겨주면 받아서 사용할 수 있습니다.state 객체를 만들어서 setState로 값을 바꿀 수 있습니다.

2020년 12월 22일
·
0개의 댓글
·
post-thumbnail

create-react-app

리액트는 Client render(이후 CR) 방식으로 웹을 개발하는 프론트엔드 방식중의 하나입니다.프론트에서 백단과 상관없이 독립적으로 개발하기 위해서 필요한 여러 도구들...webpack, babel 등을 초심자가 설정해 나가기는 어렵습니다.환경설정을 하는 것보다

2020년 12월 22일
·
0개의 댓글
·