분류 전체보기

velog를 탐방하다가 정말 정말 좋은 게시글이 발견했다. 대부분이 모르는 Next에서 SSG가 작동하는 방식 | 리팩토링을 통해 서비스 최적화하기 2편 해당 내용을 읽고 재 정리한 것이니(내용은 동일해요 !!!!) 한번쯤 꼭 읽어보길 추천합니다. CSR (클라이언트사이드 렌더링) CSR 이전의 웹 사이트 CSR 이전의 사이트들은 페이지마다 HTML로 그려진 파일이 있었다. 그 페이지를 이동할 때 마다 서버에서 HTML를 요청했고 화면에서는 서버에서 받아온 HTML을 그렸었다. 1. 사이트 접속 2. 서버에 HTML 요청 3. HTML을 화면에 그림 4. 사이트에서 다른 페이지로 이동 5. 그 페이지에 맞는 HTML 을 서버에 또 요청 6. HTML 을 화면에 그림 .. 무한반복 즉, 사용자가 한 사이트..

보호되어 있는 글입니다.

https://www.d0dam.com/blog/react/react-hooks/make-hooks-with-think hook은 생각하고 만드세요.....제발 | d0dam's-log hooks가 react에 도입되면서 class 없이 상태와 여러 react의 기능을 사용하게 해주었다. hooks의 도입으로 react에 신세계가 열렸고, custom hooks라는 것도 만들기 시작했다. 그런데, hooks... 당신은 생각하 www.d0dam.com 을 읽고 요약했습니다. 자세한 내용은 위의 게시글을 참고해주세요. 1. hook은 순수하게 작성되어야 한다. hook도 컴포넌트와 같은 맥락으로 같은 인자를 넘기면 같은 동작을 기대할 수 있어야 한다. 2. 컴포넌트 내부에 여러 관심사가 존재하는가? hoo..

그땐 몰랐지만 지금은 알것같은(..) React와 관련이 있는 용어들. (React와 관련되지 않은 용어도 있을 수 있습니다.) 내 나름대로 정리해보려고 한다. 생각나는대로 추가할 것 [마지막 업데이트 230917] ⛔️ 주의사항 토막지식이므로 관련한건 따로 서칭할 것. 대화할때 해당 용어를 쓰는지는 회바회, 팀바팀 Stateful vs Stateless stateless 한 값은 컴포넌트 외부에 선언해주세요. 네? 정의 React 컴포넌트에서 `state` 를 사용하는 경우 Stateful 컴포넌트, state를 Stateful 하다라고 한다. 반대는 그럼 `Stateless` 라 부른다. 뭐가 문제였는데? state는 상태가 바뀔때마다 컴포넌트의 구성요소가 재렌더링 되어야 하므로, 당연히 컴포넌트 내..