react 썸네일react

2025-03-05

목차

  1. 퇴사 및 이직 고민
  2. 웹 개발 전향 및 포트폴리오 준비
  3. 채팅 애플리케이션의 메시지 읽음 처리
  4. StyleX 스타일 관리 팁
  5. 취업 시장과 기술 트렌드 전망
  6. 면접 시 기술 스택 선택 이유 답변법
  7. 운동과 개발자의 건강
  8. Next.js에 대한 실무와 면접 의견
  9. 라이브 코딩 테스트 경험 질문
  10. 기타 소소한 질문과 답변

1. 퇴사 및 이직 고민

  • 팀 내 스트레스와 부적절한 문화로 인해 퇴사를 고민하는 대화가 있었다.
  • 팀장님의 공개적이고 부적절한 피드백, 타입스크립트 사용 불만 등 스트레스 원인 언급.
  • 첫 퇴사 대화는 간단명료하게 팀장님께 "퇴사하겠습니다"로 시작하라는 재미있는 제안.
  • FE 팀이 하나뿐이라 이동이 어렵다는 현실적인 문제 점검.
  • CTO와 대화를 먼저 해보겠다는 조언도 있었다.

2. 웹 개발 전향 및 포트폴리오 준비

  • iOS 경력자가 웹으로 전향하고자 하는 고민 공유.
  • 웹 포트폴리오는 로그인, 회원가입, 게시판 기능 정도가 기본 수준으로 여겨지나, 개성있고 자신만의 프로젝트가 더 좋음.
  • React, React Native, NestJS 등이 전향 시 유용한 기술로 언급됨.
  • 학원보다 혼자 프로젝트 진행하며 배우는 것이 효과적이라는 의견.
  • 기초 공부가 빠른 적응에 도움이 되고, 퀄리티에 집중하는 것이 중요하다고 강조.
  • 웹 개발자 채용 시장은 공급과 수요가 많아 경쟁이 치열함.

3. 채팅 애플리케이션의 메시지 읽음 처리

  • 읽지 않은 메시지 표시(언리드 메시지)는 리소스 많이 잡아먹는 기능.
  • 메시지를 소켓(socket) 통신으로 실시간 주고받으며 읽음 여부를 관리하는 방식 소개.
  • 클라이언트 단 또는 서버에서 읽음 상태를 관리하는 두 가지 방법이 있음.
  • 일반 서비스는 클라이언트 중심 처리 권장.
  • 별도의 서버를 둬서 계정 단위로 관리할 수도 있지만 비용과 복잡성 증가.

[설명]
소켓(Socket): 실시간 양방향 통신이 가능한 기술로, 채팅 앱에서 서버와 클라이언트가 메시지를 주고받을 때 주로 사용됨.
읽음 처리: 사용자가 메시지를 읽었는지 여부를 표시하는 기능. 서버나 클라이언트 상태를 동기화해야 하므로 리소스가 많이 소요될 수 있음.

4. StyleX 스타일 관리 팁

  • StyleX는 페이스북에서 만든 CSS-in-JS 라이브러리로, React와 잘 어울림.
  • 스타일은 컴포넌트 파일 내에서 작성하는 게 가독성 및 유지보수에 좋다는 Co-location 원칙.
  • 글로벌 스타일(바디, 반응형 등)은 별도의 CSS 파일에 작성하는 것이 권장됨.
  • 재사용성을 위해 보통 컴포넌트별 stylex.create()를 사용해 스타일 코드를 분리함.

5. 취업 시장과 기술 트렌드 전망

  • 인공지능, 자동화 도구들이 개발 시장에 큰 영향을 주고 있음.
  • AI를 활용한 코딩 도구(lovable.dev, bolt.new) 등장으로 작업 속도 향상 기대.
  • AI 발전으로 기본적인 코딩은 자동화되고, 진짜 실력 있는 개발자만 살아남을 가능성 점검.
  • 대기업 채용은 여전히 제한적이지만 네이버, 크래프톤 등 일부는 채용 중.
  • 앱 개발 시장은 분화(flutter, React Native, 네이티브) 중이며, 네이티브를 선호하는 회사도 있음.

6. 면접 시 기술 스택 선택 이유 답변법

  • 기술 스택을 선택한 이유 질문에 대부분은 "인기가 좋아서"라는 뻔한 답변을 함.
  • 추천하는 답변법은 프로젝트나 회사 상황에 맞춘 구체적 이유를 준비하는 것.
  • 기술 선택의 목적(회사 목표 vs 개인 기술 성장)을 명확히 해야 함.

7. 운동과 개발자의 건강

  • 개발자로서 스트레스를 해소하기 위한 운동 이야기.
  • 근력 운동(풀업, 데드리프트, 클라이밍 등) 추천.
  • 꾸준한 운동이 집중력과 건강에 도움됨.
  • 개발자라면 운동과 업무 균형이 중요하다는 공감대 형성.

8. Next.js에 대한 실무와 면접 의견

  • Next.js는 React 기반의 풀스택 프레임워크지만 필수는 아님.
  • 특정 회사가 Next.js를 우대한다면 학습하는 것이 좋음.
  • 기술 스택 공부는 문제해결 경험과 오픈소스 참고 방법 권장.
  • 면접에서 Next.js 경험은 보너스 요인으로 활용 가능.

9. 라이브 코딩 테스트 경험 질문

  • 라이브 코딩 테스트에서 DFS, DP 같이 알고리즘 문제가 나오는 경우가 많음.
  • 초보자들은 문제 유형에 대한 연습과 준비가 필요함.
  • 실전 경험이 부족하면 모르는 문제가 나와 당황하는 경우 발생.

10. 기타 소소한 질문과 답변

  • 개발자들 사이에 MBTI, 코딩 스타일(탭 vs 스페이스) 이야기가 소소한 화제로 등장.
  • 인프런 강의나 다른 교육 자료를 블로그에 정리해서 올려도 큰 문제는 없다는 의견.
  • 개인 공부나 프로젝트 진행 중 어려움 있을 때는 커뮤니티와 선배들의 조언을 적극 활용 권장.

면접팁⚡

  • 기술 스택 채택 이유를 단순히 "인기 있어서"라고 답하지 말 것.
  • 회사 목표나 프로젝트 요구사항에 맞춘 명확하고 구체적인 대답 준비.
  • 라이브 코딩 테스트에 대비해 기초 알고리즘 문제(DFS, DP 등) 충분히 연습할 것.
  • 포트폴리오 준비할 때는 완성도, 기능의 실제 동작과 문제 해결 능력 위주로 강조.

링크🔗

#퇴사#이직#웹개발#포트폴리오#채팅앱#StyleX#Nextjs#기술면접#개발자건강#라이브코딩