2025-03-23

목차

1. Redux Persist와 AsyncStorage 이슈
2. 리덕스(Redux)의 현재와 대안 상태관리툴
3. 전역 상태관리와 상태 관리의 필요성 고민
4. React Query, SWR, Zustand 등 최신 상태관리 툴 비교
5. 미들웨어와 인증 처리 문제
6. 개발자들의 개인 근황과 재미있는 대화
7. ORMs: Sequelize에 대한 의견
8. 개발 관련 유용한 링크 및 자료
9. 소소한 커뮤니티 소식과 격려 메시지

Zustand #상태관리 #ReactQuery #미들웨어 #AsyncStorage #ORM #Sequelize #개발자대화 #프론트엔드

1. Redux Persist와 AsyncStorage 이슈

• Redux Persist는 6년 전에 나온 라이브러리로, 주로 스토리지(storage)만 교체하는 작업을 할 때 쓰임.
• AsyncStorage를 계속 써도 문제가 없고, 최근 업데이트가 거의 없는 상태여서 아쉽다는 의견.
• Redux Persist는 앱 상태를 로컬 스토리지 등에 저장하여 앱을 재실행해도 상태를 유지할 수 있게 도와줌.
• 오래된 라이브러리지만, 안정적으로 작동하여 그대로 쓰는 경우가 많음.

2. 리덕스(Redux)의 현재와 대안 상태관리툴

• 리덕스는 '레거시' 취급되기도 하지만, 완전히 사라진 것은 아님.
• 리덕스의 후계자 상태관리툴로 React Query, Zustand, Jotai 등이 주목받고 있음.
• Redux Toolkit (RTK)은 사용이 쉽도록 보일러플레이트를 줄였으나 여전히 복잡하다는 의견.
• Zustand는 리덕스보다 훨씬 간단하고 코드량도 적어 초보자도 접근하기 쉬움.
• React Query는 서버 상태를 관리하는 데 뛰어나며 SWR과 유사한 기능 제공.

리덕스(Redux)란?

• 리덕스는 애플리케이션의 상태(state)를 예측 가능하게 관리하는 자바스크립트 라이브러리.
• 복잡한 앱 상태를 단일 중앙 저장소로 관리하고, 데이터 흐름이 단방향이라 디버깅이 용이함.
• 하지만 보일러플레이트 코드가 많아 최근엔 간단한 프로젝트에서는 다른 상태관리 툴이 선호됨.

3. 전역 상태관리와 상태 관리의 필요성 고민

• 전역 상태관리 전반에 대한 의구심이 늘고 있음.
• 단순한 상태나 인증 토큰은 로컬스토리지나 Context API로도 충분하다는 의견.
• 전역 상태를 많이 사용하면 코드가 복잡해지고 디버깅이 어려워질 수 있음.
• 가능하면 필요한 경우에만 전역 상태를 도입하고, 불필요한 상태 관리는 로컬 상태로 처리 권장.
• 프로퍼티 드릴링(props drilling) 문제 해소를 위한 전역 상태관리 도입이 일반적이나, 무분별한 사용은 피해야 함.

4. React Query, SWR, Zustand 등 최신 상태관리 툴 비교

• React Query는 데이터 페칭과 캐싱, 상태관리 등을 간단하게 처리하는 라이브러리.
• SWR 역시 React Query와 비슷한 패턴으로 서버 상태 관리에 좋은 툴.
• Zustand는 전역 상태관리 단순화에 적합하며, 퍼시스트(persist) 기능도 내장.
• React Query와 Zustand 콤보를 쓰면 서버 상태와 클라이언트 상태를 명확히 분리 가능.
• 각 툴들은 학습 난이도, 기능 복잡도가 다르므로 프로젝트 특성에 맞게 선택하는 게 중요.

5. 미들웨어와 인증 처리 문제

• 특정 미들웨어에서 인증 정보 처리를 집중하면 루프 문제가 발생할 수 있음.
• 보통은 페이지나 레이아웃 컴포넌트에서 인증이나 토큰 유무 체크 후 리다이렉트 처리함.
• 인증 실패 시 401(Unauthorized), 403(Forbidden) 같은 HTTP 응답 코드를 내려 사용자 권한 문제를 명확히 알림.
• 미들웨어를 설계할 때는 무한 루프나 잘못된 처리 경로가 생기지 않도록 주의해야 함.

6. 개발자들의 개인 근황과 재미있는 대화

• 프로젝트 과제 진행 중이며, “개발만 남았다”는 열정적인 모습 공유.
• 마인크래프트 게임 업데이트, 황금리트리버 키우기 등 소소한 일상도 나눔.
• 서로 응원하며 팀 분위기 좋음.
• 개발 중 겪는 스트레스와 농담이 자연스럽게 오가는 활기찬 대화.

7. ORMs: Sequelize에 대한 의견

• Sequelize는 ORM(Object-Relational Mapping) 툴 중 안정적이고 성숙한 편이라는 평가.
• ORM은 자바스크립트 코드로 데이터베이스를 객체지향 방식으로 다룰 수 있게 해주는 라이브러리.
• 개발 생산성을 높이며 SQL 쿼리를 직접 작성하지 않아도 됨.
• 다만 성능 최적화가 필요할 때는 SQL 직접 작성이 유리할 수도 있음.

8. 개발 관련 유용한 링크 및 자료

• Next.js 관련 CVE 보안 취약점 공지: https://nextjs.org/blog/cve-2025-29927
• LinkedIn Next.js 미들웨어 우회 관련 글:
  https://www.linkedin.com/posts/jaeseokim_%EC%96%B4%EC%A0%9C-nextjs%EC%97%90%EC%84%9C-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4%EB%A5%BC-%EC%9A%B0%ED%9A%8C%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%EC%B7%A8%EC%95%BD%EC%A0%90%EC%9D%B4-%EA%B3%B5%EA%B0%9C%EB%90%98%EC%97%88%EC%96%B4%EC%9A%94-ugcPost-7309217557582860288-WNaJ
• Naver 블로그 사과게임 최고점수 위치정보 관련: https://blog.naver.com/pjt3591oo/223806947807
• Youtube Typescript 10배 속도 관련 영상: https://youtu.be/sObop-Jj32Y?si=Vio9m2OC99YhclQP

9. 소소한 커뮤니티 소식과 격려 메시지

• #신도림역 탈선 사고 관련 안전 안내 공유
• 힘든 하루에도 서로 응원하며 “항상 화이팅 하십셔!” 메시지 전달
• 일상 이야기와 에피소드, 따봉 인증 나눔으로 활기찬 분위기

면접팁⚡

• 상태관리 선택 기준을 말할 때: 프로젝트 규모, 복잡도, 팀 선호도에 따른 툴 선택 이유 구체적으로 설명하기
• 리덕스(Redux)와 Zustand, React Query 차이점 명확히 이해하기: 각자의 사용 목적과 장단점 비교 가능해야 함
• 미들웨어 설계 시 발생할 수 있는 문제점 예시와 해결책 제시하면 좋은 인상
• ORM 개념과 Sequelize 등에 대한 이해도: 데이터베이스 연동 경험 강조 가능
• 전역 상태관리 필요성에 대한 자신의 생각: 언제 왜 전역 상태관리 사용해야 하는지 사례 포함해서 설명

링크🔗

• Next.js CVE 보안공지: https://nextjs.org/blog/cve-2025-29927
• LinkedIn - Next.js 미들웨어 우회: https://www.linkedin.com/posts/jaeseokim_%EC%96%B4%EC%A0%9C-nextjs%EC%97%90%EC%84%9C-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4%EB%A5%BC-%EC%9A%B0%ED%9A%8C%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%EC%B7%A8%EC%95%BD%EC%A0%90%EC%9D%B4-%EA%B3%B5%EA%B0%9C%EB%90%98%EC%97%88%EC%96%B4%EC%9A%94-ugcPost-7309217557582860288-WNaJ
• Naver 블로그 - 사과게임 위치정보: https://blog.naver.com/pjt3591oo/223806947807
• Youtube - Typescript 10배 속도: https://youtu.be/sObop-Jj32Y?si=Vio9m2OC99YhclQP