profile
FrontEnd Developer
post-thumbnail

React 초기 설정

yarn 전역 설치https://create-react-app.dev/git 초기 설정도 자동으로 해줌단 git 설정이 되어 있는 폴더에서 실행시 깃 설정 안함3000번 포트로 개발 서버를 열고 리엑트 코드를 번들링(최적화) 하기 전에 바로 띄워서 확인 할 수

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

React 최적화 - 반응형과 throttle

반응형을 개발할 때 보통 media tag에 조건을 달아 display: none을 적용하는 방식으로 필요없는 요소를 감춘다.갱신이 잦은 요소가 아니라면 그것으로 충분하겠지만 리랜더링이 빈번하게 일어나는 요소라면 어떨까?당연히 DOM에 존재하지 않게 하는 것이 성능 개

2020년 11월 18일
·
1개의 댓글
post-thumbnail

React 최적화 - buffer를 활용하여 상태 갱신 줄이기

업비트 리랜더링업비트 클론 프로젝트를 진행하기 전엔 최적화에 쓰는 기술은 React.memo나 useCallback 정도를 많이 사용했다. 그리고 최적화를 하면서도 최적화를 하나 안하나 웹 성능 향상이 크게 체감되지 않아서 성능이 좋아졌겠거니 하며 사용했었다.그런데 업

2020년 11월 18일
·
4개의 댓글
post-thumbnail

JSX

JSX는 자바스크립트 XML이다. 자바스크립트 문법의 확장판으로 리액트에서 요소를 제공한다.JSX는 다음과 같은 특징을 갖는다.컴파일에 최적화 되어 있다.컴파일 과정이 필요하기 때문에 변환 과정에서 오류가 있다면 빌드시 오류가 발생한다.확장자는 jsx나 js를 사용할

2020년 11월 16일
·
0개의 댓글