안녕하세요!
프론트엔드 개발자 김태연입니다.
사용자가 필요한 서비스를 고민하고 실현해 나갑니다.
기술 스택
왜 이 기술을 사용하는가?
Point 1
SPA 구조
SPA 구조에서는 페이지 이동 시 전체 HTML을 새로 불러오지 않고, 필요한 컴포넌트만 렌더링합니다. 덕분에 브라우저 부담이 줄고 사용자는 빠른 속도를 체감할 수 있습니다.
Point 2
컴포넌트 재사용성
버튼, 카드, 모달 등 반복되는 UI를 여러 페이지에서 재사용할 수 있어 코드 중복을 줄이고 유지보수를 쉽게 하며 개발 생산성을 높일 수 있습니다.
Point 3
상태 관리
setState를 통해 변수값이 바뀌면 UI가 즉시 반영되고, props로 setState를 전달하면 다른 컴포넌트에서도 상태를 편리하게 제어할 수 있습니다.
Point 4
라이프사이클 활용
외부 API나 라이브러리를 사용할 때, DOM 요소가 아직 준비되지 않은 상태에서 호출되는 문제를 useEffect를 활용하여 안전하게 처리할 수 있습니다.
아이디어를 실현하고 협업한 다양한 프로젝트를 만나보세요.