leebaek

■ React 최적화 - 리렌더링 최적화를 위해서 ! ■ useCallBack■ 예시 코드■ 1~2편 리렌더링 최적화 방법 복습 ■ React 최적화 - 리렌더링 최적화를 위해서 !  props가 원시값일 경우 최적화 방법에 대해 알고 싶으시다면,이전 포스팅을 참고해주시면 감사하겠습니다 !! https://leebaek.tistory.com/151 [React] props로 함수를 넘겨주자 - 리렌더링 최적화 1편 : memo■ React 최적화 - 리렌더링 최적화를 위해서 ! ■ React.memo■ 예시 코드 ■ React 최적화 - 리렌더링 최적화를 위해서 ! React에서 컴포넌트는 상태나 props가 바뀔 때 리렌더링 됩니다.이때 컴포넌leebaek.tistory.com■ useCallback:..

■ React 최적화 - 리렌더링 최적화를 위해서 ! ■ React.memo■ 예시 코드 ■ React 최적화 - 리렌더링 최적화를 위해서 ! React에서 컴포넌트는 상태나 props가 바뀔 때 리렌더링 됩니다.이때 컴포넌트 안에서 정의된 함수가 익명함수인지, 기명 함수인지에 따라 달라지는게 있을까요 ?? 익명 함수 기명 함수 둘다 ! 차이는 없다 ..- 렌더될 때 마다 함수 새로 생성 → 참조값이 달라짐 !!! - 부모가 렌더링 되면, 자식에게 전달된 함수 props도 항상 새로움 !→ 즉, 불필요한 리렌더링 발생function MyComponent() { return ( console.log("clicked!")}>Click );}function MyComponent() { const ..

■ 기명 함수 ( Named Function )■ 익명 함수 ( Anonymous Function )■ 함수 표현식 vs 함수 선언식 JavaScript에서는 함수의 이름이 있는지, 없는지에 따라 크게 두 가지로 나눌 수 있어요.이름이 있으면 기명 함수, 없으면 익명 함수라고 불러요. 기명함수, 익명함수에 대해 알아보아요.그 후, 함수 선언식과 함수 표현식에 대해 알아봅시다!■ 기명 함수 ( Named Function ): 이름이 붙은 함수로, 선언식 또는 이름 있는 표현식으로 작성됩니다. - 함수 이름이 존재하여 재귀 호출이 가능합니다.- 디버깅 시 스택 트레이스에 이름이 표시됩니다. // 함수 선언식function greet() { console.log("Hello!");}// 함수 표현식const..

■ FBS란?■ FBS 기본 구조FBS는 FSD의 lite한 버전(변형)이라 보시면 될 것 같아요.FSD를 알고 이번 포스팅을 읽으시는 것을 추천드려요 ~ https://leebaek.tistory.com/148 [React] 리액트 폴더 구조 1편 - Featured-Sliced-Design■ FSD란?■ FSD 기본 구조■ FSD 장점리액트 프로젝트를 진행하려고 보니,폴더 구조를 어떻게 설계해야 할지 고민이 되더군요.. ! vite+react로 시작하면 이런 폴더구조가 생성되는데요..├── publicleebaek.tistory.com■ FBS란? | Feature-Based Structure- 기능중심으로 폴더를 나누고, 각 기능 안에서 필요한 UI, 상태, API 등을 모아 관리하는 구조 FSD의..