COMMIT.chat
View Bookmarks
react 썸네일react

2024-02-29

목차

  1. 채용과 이직 이야기
  2. 맥(Mac) 하드웨어 및 주변기기 이야기
  3. 유튜브 프리미엄과 VPN 활용 사례
  4. CSS와 프로그래밍 언어 논쟁
  5. React와 컴포넌트 자식 처리법
  6. React Query(리액트 쿼리) 사용 경험과 고민
  7. 상태 관리 라이브러리(Zustand, Redux) 논의
  8. 면접 후기와 블록체인 스타트업 이야기
  9. 디자인 시스템과 개발-디자이너 협업
  10. 잡담 및 개발문화 이야기

1. 채용과 이직 이야기

  • 백엔드 한 명을 3월에 채용할 예정이라는 소식이 오감.
  • 경력 5년차 이상 프론트엔드 개발자 채용 중이고 네카라쿠배당토 스타일 연봉 이야기가 오감.
  • 블록체인 스타트업은 재정이 불투명한 경우가 많아 주의가 필요하다고 경험담 공유됨.
  • 이직 고민과 함께 "라꾸라꾸 침대" 같은 회사 복지나 분위기가 면접 결정에 영향을 줄 수 있음.

2. 맥(Mac) 하드웨어 및 주변기기 이야기

  • 맥북에어는 기본 허브 없이는 트리플 모니터 구성이 어려움.
  • 맥북 프로 14/16인치는 듀얼 모니터 구성이 가능하며, 맥스 모델은 고가이다 보니 회사에서 사주거나 재정이 여유로운 경우 선택.
  • 에어팟 배터리 지속 시간은 약 2~3시간 정도로, 예상보다 짧다는 반응.
  • 맥 OS 느낌을 줄 수 있는 React 디자인킷으로 reactdesktop이 추천됨.

3. 유튜브 프리미엄과 VPN 활용 사례

  • 한국 유튜브 프리미엄 구독료 인상 뉴스가 있자 각국 요금 차이에 눈길 집중.
  • 터키, 나이지리아 등 국가별 구독료 차이가 커서 VPN을 통한 지역 우회 결제 사례가 많음.
  • VPN 사용 시 6개월마다 현지 로그인 필요하며, 현지 콘텐츠 일부를 확인해야 하는 경우도 있음.
  • 개발자들 사이에서는 가격 차별에 대한 불만과 우회 방법에 대한 정보 공유가 활발.

4. CSS와 프로그래밍 언어 논쟁

  • CSS가 프로그래밍 언어인지에 대한 웃음 섞인 토론이 있었음.
  • CSS가 스타일 언어지만, 변수(var), 계산(calc) 기능 등을 쓰면서 프로그래밍적 특징을 일부 갖췄다는 의견이 나옴.
  • SCSS와 같은 CSS 전처리기가 등장하며 CSS 작성의 편의성이 늘었고, 프로그래밍적 요소를 갖춘 점이 강조됨.

5. React와 컴포넌트 자식 처리법

  • React.Children API를 활용해 자식 컴포넌트 중 특정 컴포넌트만 추출하거나 조건부 렌더링하는 방법 소개.
  • 컴포넌트 타입 비교 시 Component.type을 확인하는 방식이 소개됨.
  • TypeScript를 사용할 때 런타임 타입 검사 한계로, 어설션(assertion)이나 수동 타입 체크가 필요하다는 점 언급됨.

6. React Query(리액트 쿼리) 사용 경험과 고민

  • React Query는 서버 상태를 관리하기 위한 라이브러리로, API 호출 결과를 캐싱하여 효율적인 상태 관리를 돕는 툴임.
  • 낙관적 업데이트(Optimistic Update)는 UI 반응성을 위해 서버 응답 전에 로컬 데이터를 업데이트하는 기법이나, 모델 변경 시 싱크 맞추기 어려움 때문에 권장하지 않는 의견도 많음.
  • React Query 도입을 "필수"라 생각하는 경우가 있는데, 실제로는 프로젝트 필요에 맞게 사용하는 것이 합리적임.
  • 배민 사례처럼 전역 상태 관리가 어려워질 때 도입하는 경우가 많음.
  • 상태 관리에 React Query를 사용할 때는 캐싱 외에도 무거워질 수 있다는 점을 인지해야 함.
  • Retry(재시도) 기능은 axios나 React Query 모두 지원하지만, React Query는 비동기 데이터 상태에 특화됨.

7. 상태 관리 라이브러리(Zustand, Redux) 논의

  • Zustand는 React 상태 관리를 단순하게 해 주는 라이브러리로 다루기 편하지만, 설계에 따라 문제 발생 가능성도 있음.
  • Redux의 경우 보일러플레이트(반복 코드) 많음에도 불구하고 단일 저장소를 강제해 안전장치 역할 수행.
  • 상태 저장소 설계는 개발자의 역량에 크게 의존하며, 설계가 잘못되면 유지보수에 어려움이 있음.

8. 면접 후기와 블록체인 스타트업 이야기

  • 최근 면접에서는 수습 기간이나 계약 기간, 정규직 전환 조건에 관한 내용이 많이 언급됨.
  • '미르의 전설' 등 오래된 게임 개발 경력 보유자가 부장인 회사 등의 조직 문화도 소개됨.
  • 블록체인 스타트업은 빠른 기술 변화와 불안정한 재정으로 이직자가 많고 신중을 기할 필요가 있음.
  • 면접 질문 중에서는 React나 TypeScript 실무 경험, 문서화 거부하는 문화에 대한 이야기도 나왔다고 함.

9. 디자인 시스템과 개발-디자이너 협업

  • 디자인 시스템 개발은 단순 UI 구축을 넘어 디자이너와 개발자가 동시에 이해할 수 있는 DSL(도메인 특화 언어) 제작까지 포함.
  • 디자이너, 기획자, 퍼블리셔까지 협업하며 접근성, 범용성, 다양한 라이브러리 호환 등 고려해야 할 요소 많음.
  • DX(Developer Experience, 개발자 경험) 개선을 위해서는 플랫폼, 퍼포먼스, 인프라 관리도 병행해야 함.
  • 복잡하지만 매우 도전적인 영역이라 경험 쌓을 만한 가치가 크다고 평가됨.

10. 잡담 및 개발문화 이야기

  • 개발자들 사이 웃음과 농담 오가며 소통 활발.
  • 첫 월급, 업무 스트레스, 퇴근 시간 이야기, 먹거리 추천, 지역 맛집 정보 등 일상 공유.
  • 기술 토론 중에도 유머 섞여 서로 친근한 분위기 조성.
  • "신입이라 궁금해서 이것저것 해보는 중" 같은 학습 마인드 인상적이라는 칭찬도 다수.

면접팁⚡

  • React Children API를 잘 이해하고 컴포넌트 타입 비교 방법을 숙지하면, 복잡한 자식 컴포넌트 처리를 깔끔하게 해결 가능.
  • React Query 사용 시 낙관적 업데이트는 상황에 따라 버그를 만들 수 있으므로, 장단점을 파악하고 적절히 적용하는 게 중요.
  • 채용 과정에서 체계적인 문서화 중요성을 강조하는 회사가 많으니, 관련 경험과 자세를 어필하자.
  • 블록체인 스타트업은 재정과 조직문화를 특히 주의 깊게 살펴볼 필요 있음.

링크🔗

#React#ReactQuery#상태관리#면접후기#맥북#블록체인#유튜브#VPN#디자인시스템#스타트업
이전 포스트

2024-02-28

2024년 2월 28일
다음 포스트

2024-03-02

2024년 3월 2일