본문 바로가기
반응형

▼ 코딩 공부하기/▼▼ 프론트엔드9

💻 React 컴포넌트 차이와 성능 최적화 Hook 정복 (feat. 왕초보 위클리 페이퍼 #6) 안녕하세요! 개발자 꿈나무 엠디노입니다.현재 '웹개발 풀스택' 과정을 훈련하고 있습니다. 이번 주차 위클리 페이퍼 주제는 리액트(React)를 구성하는 핵심 단위인 컴포넌트와,성능 최적화의 열쇠인 useMemo, useCallback입니다."컴포넌트는 그냥 함수인가요, 객체인가요?""성능 좋게 하려고 쓴 Hook인데 왜 더 느려진 것 같죠?" 저와 같은 고민을 하시는 분들을 위해, 이번에도 7살 아이에게 설명하듯 아주 쉬운 비유와 코드로 정리해 보았습니다.이전 포스팅 글은 아래 글을 참고해주세요!💻 React 렌더링 방식과 Virtual DOM 개념 정복 feat 왕초보 위클리 페이퍼5 ⭐️ 위클리 페이퍼 주제React 컴포넌트의 정의 및 클래스형 vs 함수형 차이useMemo와 useCallback의.. 2026. 1. 3.
💻 React 렌더링 방식과 Virtual DOM 개념 정복 (feat. 왕초보 위클리 페이퍼 #5) 안녕하세요! 개발자 꿈나무 엠디노입니다.현재 '웹개발 풀스택' 과정을 훈련하고 있습니다. 이번 주차 위클리 페이퍼 주제는 리액트(React)의 마법 같은 성능의 비결,렌더링 방식과 Virtual DOM입니다. "리액트는 왜 화면을 바꿀 때 깜빡이지 않고 부드러울까?""가상 DOM은 도대체 어떤 원리로 작동하는 걸까?" 저와 같은 의문을 가졌던 분들을 위해,7살 아이에게 설명하듯 아주 쉬운 비유와 코드로 정리해 보았습니다.이전 포스팅 글은 아래 글을 참고해주세요!💻 JavaScript 얕은 복사와 깊은 복사, var, let, const 비교 (feat. 왕초보 위클리 페이퍼 #4) 💻 JavaScript 얕은 복사와 깊은 복사, var, let, const 비교 (feat. 왕초보 위클리 페이퍼 #4.. 2025. 12. 28.
💻 JavaScript 얕은 복사와 깊은 복사, var, let, const 비교 (feat. 왕초보 위클리 페이퍼 #4) 안녕하세요! 개발자 꿈나무 엠디노입니다.현재 '웹개발 풀스택' 과정을 훈련하고 있습니다. 이번 주차 위클리 페이퍼 주제는 자바스크립트를 다루면서 가장 실수하기 쉬운, 그래서 면접에서도 집요하게 물어보는 두 가지 개념입니다. "복사하면 그냥 복사되는 거지, 얕은 건 뭐고 깊은 건 뭐야?""var는 왜 쓰지 말라는 거야? 작동은 잘 되던데?" 저와 같은 의문을 가졌던 분들을 위해, 7살도 이해할 수 있는 쉬운 비유와 실제 코드 예시를 통해 아주 상세하게 파헤쳐 보았습니다. ⭐️ 위클리 페이퍼 #1-CSS Cascading, 시맨틱 태그 [바로가기] ⭐️ 웹 개발로 전향 후 깨달은 것: CSS Cascading과 시맨틱 태그 알아보기 (feat. 왕초보 위클리 페이퍼 #1)안녕하세요! 개발자 꿈나무 엠디노.. 2025. 12. 21.
반응형