React Rendering 속도 개선 해보기

누구보다 빠르게 남들과는 다르게

2020년 7월 5일
·
0개의 댓글
post-thumbnail

apach kafka

Apache kafka 용어정리 및 구성에 대해 알아보자.

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

React Rendering

리엑트가 프레임워크 뒤에서 렌더링 될 때 진행되는 과정은 뭘까? 박스안에 든 과정에 대해서 알아보기 위해서 리엑트의 랜더링 과정, 재조정에 대해서 공부해 보았다.

2020년 5월 29일
·
0개의 댓글

REACT SSR

Frontend 면접 질문 목록, FRONT END 개발자가 알아야 할 N가지, 이런 목록에 꼭 빠지지 않고 보이는 항목은 SSR이다. SSR은 무엇이고 React에서의 SSR에 대해 정리해 보았다.SSR은 서버사이드 렌더링을 의미한다. React를 기본 CRA로 사용

2020년 4월 14일
·
0개의 댓글

2020에 쓰는 2019 회고

원래 설날 전까지는 2019년인거야 올해는 정말 많은 일이 있었다. 다니던 회사를 그만두었고, 운동을 쉬게 되었고, 교육 프로그램에 들어가게 되었다.계속 마감에 허덕이고 기술 공유하고 또 공부하다 보니까 그냥 훅 지나갔다. 거의 뭐 2019년은 드라마 지난이야기처럼 훅 요약되서 지나간 느낌이다. 후다닥 지나갔지만 작년에 했던 고민들은 조금씩 풀어볼 수...

2020년 1월 10일
·
0개의 댓글

[코드스피츠] Javascript의 객체지향

intro 객체지향에서는 모든 것을 객체로 받자!!! no value! age=23 → new Age(23) 값을 쓸 수 있는 건 생성자밖에 없는거야 Value 값이란 number nan string .. primitive 속성 메모리 주소와 상관없이 그 알맹이가 같으면 같다고하는것 계속 복사본을 만들기 때문에 상태 변화에 안전하다 연산을 기반으로 로직 ...

2020년 1월 9일
·
1개의 댓글

what is prototype, prototype link(__proto__)

prototype 프로퍼티 모든 함수는 객체로서 prototype 프로퍼티를 갖는다 함수가 생성될 때 만들어지며 constructor프로퍼티하나를 갖는 객체를 가리킨다. 즉 prototye과 constructor는 서로를 참조한다. [같은내용 다시설명] 함수 선언 함수에 prototype객체 같이 생성 prototype객체는 constructor를...

2019년 12월 17일
·
0개의 댓글

apollo client 버그 대잔치

graphql 을 사용하면서 react client에서 어떻게 전역 상태관리를 할 것인지, 그리고 graphql요청은 어떤 방식으로 보낼지에 대한 고민의 답으로 apollo client를 사용하고 있다. 쿼리의 캐싱으로 상태관리를 어느정도 해결해주고, 쿼리 이외의 필요한 값들은 직접적으로 캐싱이 가능하다. 또 custom hook과 codegen으로 쿼리...

2019년 12월 9일
·
0개의 댓글

graphql cookie 세팅해서 쿼리 보내기(postman)

graphql로 개발을 하다가 인증이 들어가면서 인증처리가 된 상태의 api 테스트가 필요해졌다. playground에서도 header를 추가 할 수 있는 것 같지만, 일단은 postman을 이용해서 cookie를 담아서 보내보았다 헤더 설정 graphql은 기본 json type의 content type을 갖는다. 그 때는 따로 파싱을 해주지 않으므로...

2019년 12월 8일
·
0개의 댓글

infinite scroll

infinite scroll 주제 : 무한스크롤을 구현 할 때 고려해본 것들(react) 목차 무한스크롤 == pagination offset, limit 을 이용한 pagination cursor based pagination data fetch 의 타이밍 scroll과 history > 7. 결국은 사용성 fake loading , lazy load...

2019년 11월 23일
·
1개의 댓글

재사용컴포넌트 - hoc 부터 custom hook 까지

부제 : 모달을 만들다 생긴 일 에어비앤비 클론코딩을 하면서 인원수를 선택하는 모달, 숙소타입을 선택하는 모달 등 유사한 모달창을 만들어야 했다. 코드의 재활용을 고려하는 므찐 개발자가 되고 싶었다. 그래서 하나의 모달 컴포넌트 프레임 안에 다른 내용을 담을 수 있어야 했다. 첫번째로 찾은 방법은 composition이다. 컴포넌트안에 컴포넌트를 담는 ...

2019년 11월 18일
·
0개의 댓글