현재 리액트 공식 문서에서는 함수형 컴포넌트와 Hook을 사용하는 것을 권장하고 있습니다. 클래스 컴포넌트는 라이프 사이클 기능과 state 관리 기능이 코드에 구현되며, 함수형 컴포넌트는 hook 을 통해 라이프 사이클 기능과 state 관리 기능 코드를 짤 수 있는
생각이 많았던 하루. 페어프로그래밍 기획, 함수 선언식과 함수 표현식, 리액트의 Strict 모드, 커뮤니케이션 스킬에 대한 고민에 대하여..
코드의 잠재적인 문제가 실제 버그로 발전하기 전에 잡아내는 데 도움이 되는 개발 도구입니다.Strict mode는 개발 모드에서만 활성화되며, 제품 모드에서는 동작하지 않습니다.CRA나 vite 등으로 웹앱을 설정하면 자동으로 StrictMode가 추가됩니다.porps
DNS과 브라우저 렌더링 복습, 그리고 리액트 라우터와 Link, 각종 Hooks들(useParams, useSearchParams, useNavigate)
브라우저 렌더링이란 브라우저가 서버로부터 요청해 받은 내용을 브라우저 화면(view)에 표시해주는 작업을 말합니다. 즉, 브라우저가 서버로부터 HTML, CSS, JavaScript 문서를 전달받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 그려주는 것이죠. 예
브라우저는 인터넷에서 데이터를 주고 받기 위한 TCP/IP모델을 사용합니다. 따라서 브라우저는 리소스를 요청하기 위해 대상 서버의 IP 주소가 필요합니다. 브라우저가 도메인에서 IP 주소를 받는 과정을 Domain Name Resolution이라고 합니다.우리가 브라우
Create React App(CRA)는 Webpack을 사용한다. Webpack은 자바스크립트 코드로 구성된 툴이다. 자바스크립트는 interpreted 언어이기 때문에 느리다.Hot Module Replacement(HMR)기능을 사용하더라도 느.리.다.Go와 같은
useEffect Hook은 React에서 제공하는 기능 중 하나로, 컴포넌트의 상태 변화나 생명주기에 따라 콜백 함수를 실행할 수 있도록 해줍니다.<function>은 useEffect가 실행할 콜백 함수이며, <array>는 콜백 함수를 실행시킬 조건으
part1 피어리뷰, 해시함수, react Hooks(useState의 함수형 업데이트, useEffect의 생명주기)