react9 [React] 성능 최적화 방법 : React.memo, useCallback, useMemo (프론트엔드 개발자 기술면접) [React] 성능 최적화 방법 : React.memo, useCallback, useMemo프론트엔드 신입 개발자 기술 면접 🤔 Q. React에서 성능 최적화를 하기 위한 방법은 어떤 것이 있나요? 💡 A. 답변리액트에서 성능 최적하기 위한 방법으로는, 대표적으로 메모이제이션이 있습니다- React.memo를 사용하여 컴포넌트를 메모이제이션하여 props가 변경되지 않았을 때 리렌더링을 방지할 수 있습니다.- useCallback을 이용하여 함수를 메모이제이션하여 불필요한 함수의 재생성을 방지할 수 있습니다.- useMemo를 이용해 복잡한 값의 재계산을 방지해 성능을 최적화 할 수 있습니다.+ 코드 스플리팅을 활용해 애플리케이션 JS를 여러 개의 작은 부분으로 나누어서 필요한 부분만 로드하게.. 2025. 10. 29. [React] hook이 무엇인가요? (생명주기, useEffect, 프론트엔드 기술 면접) [React] hook이 무엇인가요? 프론트엔드 개발자 기술 면접, Hook, useEffect, 라이프싸이클, 생명주기 🤔 Q. React Hook에 대해 설명해주세요.💡 A. 답변hook이란 함수형 컴포넌트에서 상태 관리와 라이프싸이클 제어를 가능하게 해주는 기능입니다. 즉, 클래스 컴포넌트의 기능을 함수형 컴포넌트에서도 쓰게 해주는 도구이며, 항상 use로 시작합니다.useState : 상태 관리useEffect : 사이드 이펙트 관리useContext : 전역 상태 공유useReducer : 복잡한 상태 업데이트 로직 관리useMemo / useCallback : 성능 최적화🤔 Q. 그렇다면 hook이 필요한 이유가 무엇인가요?💡 A. 답변예전에는 함수형 컴포넌트는 단순히 props만 받.. 2025. 9. 30. [React/js/scss] MBTI 테스트 만들기 코드 리뷰 (나와 잘 맞는 IT 직군/유명인 테스트) MBTI 테스트 만들기 코드 리뷰 (나와 잘 맞는 IT 직군/유명인 테스트)react / scss / javascript (JS) 📖 요약'울청스타'는 다양한 학과를 체험하고 진로를 탐색할 수 있는 특별한 행사입니다. 가온누리 학술 동아리에서 IT 분야에 대한 흥미를 불러일으키고자 '컴퓨터야 놀자!'라는 주제로 부스를 운영했습니다.MBTI를 통해 나와 찰떡궁합인 IT 직군과 유명인을 찾아볼 수 있는 체험으로 준비했습니다.배포 링크 : https://ji-ny.github.io/mbti_test_ulsan/ 울청스타 IT직업 & 유명인 MBTI 테스트울청스타 IT직업 & 유명인 MBTI 테스트 해보기! 나의 유형은?ji-ny.github.io ※ 참고 : 이미지 파일 출처는 나무위키, 뉴스 등 구글에 나.. 2024. 7. 17. [울청스타] '컴퓨터야 놀자' 부스 운영 후기 /울산대 IT융합전공 대표 / 나와 잘 맞는 IT 직군/유명인 MBTI 테스트 제작 [울청스타] 울산대 IT융합전공 대표 '컴퓨터야 놀자' 부스 운영 후기 (나와 잘 맞는 IT 직군/유명인 MBTI 테스트 제작) 안녕하세요!2024년 5월 18일, 태화강 만남의 광장에서 열린 '울청스타'에 참여해울산대학교 IT융합전공 대표로 나가 학과 체험 부스를 운영했습니다 ㅎㅎ 우선, 울청스타란?- 울산 광역시 청소년 활동 페스타 로, 학과 체험 부스를 운영하는 활동입니다!( 참고링크)https://linkareer.com/activity/173107 2024년 제4회 울청스타 학과체험 부스 운영팀 모집 | 공모전 대외활동-링커리어공공기관/공기업 대외활동인 2024년 제4회 울청스타 학과체험 부스 운영팀 모집입니다. 혜택으로는 행사 참여, 봉사활동시간 등이 있습니다.linkareer.com .. 2024. 7. 9. 이전 1 2 3 다음
