Hozorica

기록하고 실험하는 개발 블로그

35개의 글

2 min read

[Next.js] 서버 컴포넌트 vs 클라이언트 컴포넌트

강의를 듣다 저번 Nextjs 프로젝트 할때 가장 어려웠던 서버 컴포넌트와 클라이언트 컴포넌트에 대한 내용이 나왔다. 넥스트로 프로젝트를 처음해봤어서 편하다는 이유로 최상단 루트에 클라이언트 컴포넌트를 선언하고 개발을 진행했다. 그리고 개발이 다 끝나고 나서야 알았다. 이게 얼마나 멍청한 짓이였는지를.. 그래서 저번과 같

EngineeringClient ComponentsNextjsServer Components
[React] 리액트 개발 도구를 활용해 좋은 웹 어플리케이션 만들기 cover
4 min read

[React] 리액트 개발 도구를 활용해 좋은 웹 어플리케이션 만들기

디버깅은 프로그래밍에서 가장 중요한 요소중 하나다. 잘못된 동작을 찾아내는 것은 때론 간단하지만, 여러 라이브러리와 작성된 코드들이 섞인다면 잘못된 동작을 찾아내기란 사막에서 바늘 찾기다. 이때 활용할 수 있는 리액트 개발 도구에 대해 소개해보겠다.리액트 개발 도구리액트 개발 도구란?리액트 팀에서 리액트 개발을 더 편리하

EngineeringDebuggingDevtoolsReact
2024 Sparcs 과학 해커톤 회고 cover
4 min read

2024 Sparcs 과학 해커톤 회고

친구랑 해커톤에 나가려고 찾아보던중에 유일하게 모집하던 sparcs 해커톤을 보게 되었다.SPARCS는 카이스트 총학생회 산하 단체로, 이전에도 여러 해커톤을 개최했지만 이번에는 대전 사이언스 페스티벌에서 해커톤 기간 동안 제작한 서비스로 직접 부스를 열어 일반 시민들의 반응을 볼 수 있는 좋은 기회라고 생각했다.새로운

RetrospectiveHackathonSparcs
3 min read

[React] useThrottle과 useDebounce에 대해서 알아보자

React 애플리케이션에서 자주 사용하는 useThrottle와 useDebounce는 사용자 인터페이스 성능을 최적화하는 데 유용한 커스텀 훅이다.스크롤, 키보드 입력, 리사이즈 등 이벤트가 자주 발생하는 상황에서 불필요한 호출을 줄여 부드러운 사용자 경험을 제공하는 것이 목적이다 먼저 useThrottle과 useDe

EngineeringDebouncePerformanceReactThrottle