2024-11-12

목차

1. 주말 휴가 계획 아이디어
2. React Native(RN) 및 Flutter 사이드 프로젝트 경험 공유
3. 리덕스(Redux)와 백엔드 API 호출 관리 방법
4. React에서 폼 처리 전략과 주의점
5. 환율 및 코인 시장 이야기
6. 개발 조직과 직급 문화 이야기
7. 신규 솔루션 사이트 디자인 및 개발 초반 고민
8. 템플릿 활용 vs. 직접 제작 경험
9. 김치프리미엄(김프) 간단 설명
10. 개발자 밥상, 음악, 일상 소소한 이야기

1. 주말 휴가 계획 아이디어 🌴

• 휴가 6일을 어떻게 보낼지 다양한 의견 공유
• 집에서 휴식 또는 운동, 코딩, 블로깅 하며 보낸다는 의견
• 일본 여행, 스위스 경치 구경, 기차 여행 등 해외 혹은 국내 여행 희망자도 있음
• 연봉과 근무 조건을 유머 섞어 주고받는 재미있는 대화도 언급됨

2. React Native(RN) 및 Flutter 사이드 프로젝트 경험 공유 📱

• RN으로 앱을 만들어보고 싶다는 의견 많음
• 백엔드는 Firebase, Supabase 같은 BaaS(Backend as a Service)를 활용하면 편리
• RN 채용하는 회사가 생각보다 많다는 정보 공유
• Flutter 사용 의사 여부에 대해 의견 갈림 - 플러터를 할 용의가 있는 사람도 있고, 재택 근무 조건이 맞으면 한다는 의견도 있음

React Native(RN)

• 모바일 앱을 만들기 위한 크로스플랫폼 프레임워크
• JavaScript와 React를 기반으로 네이티브 앱과 유사한 성능 제공
• 한번에 안드로이드, iOS 앱 개발 가능하여 생산성 좋음

Flutter

• Google에서 만든 UI 툴킷으로, 하나의 코드로 안드로이드, iOS 앱을 만들 수 있음
• Dart라는 언어를 사용하며 빠른 퍼포먼스와 네이티브 느낌 제공
• 점점 인기가 올라가며 다양한 기업에서 채용 중

3. 리덕스(Redux)와 백엔드 API 호출 관리 방법 ⚙️

• API 호출 데이터를 꼭 리덕스에 저장할 필요가 있냐는 질문
• 리덕스는 전역 상태 관리 도구로, 데이터를 중앙에서 관리해 여러 컴포넌트에서 쉽게 사용할 수 있음
• 하지만 모든 API 호출 데이터를 리덕스에 넣으면 불필요한 상태 관리가 복잡해질 수 있어 주의 필요
• 대안으로 React Query 같은 데이터 패칭 라이브러리 사용 권장
• 여러번 중복 호출 방지, 요청 상태 관리 등의 이유로 리덕스에 넣는 경우 있지만 UI 측면에서 처리하거나 서버 동시성 제어가 더 좋음

Redux

• JS 앱의 전역 상태 관리를 돕는 라이브러리
• 액션, 리듀서, 스토어 중심으로 상태 변화를 추적하고 관리함

React Query

• 서버 상태를 관리하는 라이브러리
• API 호출 결과 캐싱, 자동 리페치, 로딩/에러 상태 관리를 쉽게 해줌
• Redux와 달리 데이터 패칭에 특화되어 있음

4. React에서 폼 처리 전략과 주의점 📝

• React에서 폼 데이터를 DOM 직접 조작하거나 jQuery 방식으로 처리하면 안됨
• 폼 관련 상태를 React state로 깔끔하게 관리해야 코드 유지보수 쉬워짐
• ref 사용 시에도 상태 동기화 문제 조심해야 함
• 직접 DOM에서 form 값을 읽고 수정하는 방식은 React의 선언적 UI 철학과 맞지 않음
• 복잡한 폼은 Formik, React Hook Form 같은 라이브러리 사용 추천

리액트는 컴포넌트 상태와 UI를 일관성 있게 관리하는 걸 목표로 함
직접 DOM을 조작하면 상태와 UI가 엇갈려 버그 발생 가능성 높음

5. 환율 및 코인 시장 이야기 💰

• 원화 환율 1400원, 금값 50만원 돌파 등의 경제 이야기
• 김치프리미엄(김프)란 국내 암호화폐 시세가 해외보다 비싼 현상
• 이슈로 인해 단타 투자자들이 채팅방 등에서 활발히 교류함
• 주식 및 코인 매매 타이밍에 대한 개인적 경험담
• 자동화 봇으로 마켓 메이킹하는 사례도 언급됨

김치프리미엄(Kimchi Premium)

• 한국 암호화폐 가격이 해외보다 높게 거래되는 현상
• 해외 시장과 국내 시장 간의 가격 차이에서 발생하는 투자 기회

6. 개발 조직과 직급 문화 이야기 🏢

• CEO, CMO, CTO 등 경영진 직급 이야기 나옴
• 일부 회사는 가족회사이며 직급명만 존재하는 경우도 있음
• 창업 멤버들이 지분 확보로 직급을 맡은 사례
• 다양한 회사 문화와 조직 구성이 공감대 형성

7. 신규 솔루션 사이트 디자인 및 개발 초반 고민 🎨

• 기획서나 디자인 없이 혼자서 헤더와 사이드바를 만들고 있음
• 디자인이 초반이라 다소 투박해 보이는 건 당연함
• 디자이너가 함께하면 색감, 배치, 균형을 맞춰 더 완성도 있는 결과물 가능
• 디자인 템플릿 활용에 대한 의견도 다양

8. 템플릿 활용 vs. 직접 제작 경험 🛠️

• 시간 부족 시 템플릿 활용하는 방법 존재
• 직접 만들면 코드 품질과 유연성에서 장점 있지만 시간이 많이 소요됨
• 적절히 상황에 맞게 선택하는 게 중요함
• 템플릿은 디자인, 구조 안정성을 제공하므로 초보자나 빠른 개발에 유리

9. 김치프리미엄(김프) 간단 설명 및 언급 🍜

• 댓글에서 김프가 무엇인지 궁금해 하는 개발자 있음
• 김프는 국내 암호화폐 시세가 해외보다 높아 생기는 가격 차익 현상
• 외환 규제나 시장 특성 등으로 발생하며 투자자들 사이에서 자주 언급됨

10. 개발자 밥상, 음악, 일상 소소한 이야기 🎵🍚

• 메이플스토리 배경음악 듣고 퇴근한다는 개발자
• ‘꽃을 든 남자’에서 영감 받은 리액트 꽃이라는 표현 유쾌함
• 일상에서 겪는 출퇴근 고충과 업무 스트레스 공유

면접팁⚡

• React Native와 Flutter의 차이점과 장단점 설명 준비
• Redux와 React Query의 역할과 사용 시기 구분 가능해야 함
• React에서 폼 관리 방법과 라이프사이클 이해 강조
• 상태 관리 최적화 경험 및 API 호출 관리 전략 질문 대비
• 협업 시 디자인과 기획 내용 없는 초기 개발 경험에 대한 고민 나눔 준비

링크🔗

• 김치프리미엄 설명 (참고 링크)
• FastCampus 개발 강의: https://fastcampus.co.kr/dev_online_mbf
• React Query 공식 문서: https://tanstack.com/query/latest
• React Hook Form 공식 문서: https://react-hook-form.com/
• Redux 공식 홈페이지: https://redux.js.org/