리엑트가 프레임워크 뒤에서 렌더링 될 때 진행되는 과정은 뭘까? 박스안에 든 과정에 대해서 알아보기 위해서 리엑트의 랜더링 과정, 재조정에 대해서 공부해 보았다.
Frontend 면접 질문 목록, FRONT END 개발자가 알아야 할 N가지, 이런 목록에 꼭 빠지지 않고 보이는 항목은 SSR이다. SSR은 무엇이고 React에서의 SSR에 대해 정리해 보았다.SSR은 서버사이드 렌더링을 의미한다. React를 기본 CRA로 사용
원래 설날 전까지는 2019년인거야 올해는 정말 많은 일이 있었다. 다니던 회사를 그만두었고, 운동을 쉬게 되었고, 교육 프로그램에 들어가게 되었다.계속 마감에 허덕이고 기술 공유하고 또 공부하다 보니까 그냥 훅 지나갔다. 거의 뭐 2019년은 드라마 지난이야기처럼 훅 요약되서 지나간 느낌이다. 후다닥 지나갔지만 작년에 했던 고민들은 조금씩 풀어볼 수...
intro 객체지향에서는 모든 것을 객체로 받자!!! no value! age=23 → new Age(23) 값을 쓸 수 있는 건 생성자밖에 없는거야 Value 값이란 number nan string .. primitive 속성 메모리 주소와 상관없이 그 알맹이가 같으면 같다고하는것 계속 복사본을 만들기 때문에 상태 변화에 안전하다 연산을 기반으로 로직 ...
prototype 프로퍼티 모든 함수는 객체로서 prototype 프로퍼티를 갖는다 함수가 생성될 때 만들어지며 constructor프로퍼티하나를 갖는 객체를 가리킨다. 즉 prototye과 constructor는 서로를 참조한다. [같은내용 다시설명] 함수 선언 함수에 prototype객체 같이 생성 prototype객체는 constructor를...
graphql 을 사용하면서 react client에서 어떻게 전역 상태관리를 할 것인지, 그리고 graphql요청은 어떤 방식으로 보낼지에 대한 고민의 답으로 apollo client를 사용하고 있다. 쿼리의 캐싱으로 상태관리를 어느정도 해결해주고, 쿼리 이외의 필요한 값들은 직접적으로 캐싱이 가능하다. 또 custom hook과 codegen으로 쿼리...
graphql로 개발을 하다가 인증이 들어가면서 인증처리가 된 상태의 api 테스트가 필요해졌다. playground에서도 header를 추가 할 수 있는 것 같지만, 일단은 postman을 이용해서 cookie를 담아서 보내보았다 헤더 설정 graphql은 기본 json type의 content type을 갖는다. 그 때는 따로 파싱을 해주지 않으므로...
infinite scroll 주제 : 무한스크롤을 구현 할 때 고려해본 것들(react) 목차 무한스크롤 == pagination offset, limit 을 이용한 pagination cursor based pagination data fetch 의 타이밍 scroll과 history > 7. 결국은 사용성 fake loading , lazy load...
부제 : 모달을 만들다 생긴 일 에어비앤비 클론코딩을 하면서 인원수를 선택하는 모달, 숙소타입을 선택하는 모달 등 유사한 모달창을 만들어야 했다. 코드의 재활용을 고려하는 므찐 개발자가 되고 싶었다. 그래서 하나의 모달 컴포넌트 프레임 안에 다른 내용을 담을 수 있어야 했다. 첫번째로 찾은 방법은 composition이다. 컴포넌트안에 컴포넌트를 담는 ...