2023-10-06

목차

1. 업무 일정과 조직 문화
2. 프로젝트 기한과 책임 소재
3. 리액트 useCallback과 상태 관리 이슈
4. 권한별 라우팅 처리 방법 (Next.js)
5. 개발자 공부 및 커뮤니티 정보
6. 점심시간, 휴식 문화와 근무 환경
7. 개발 일정 지연과 팀 내 갈등 원인
8. 신입 백엔드 포지션에서 자바 vs 자바스크립트 선택
9. 리액트 UI 상태 변화 처리 팁
10. 일상 소소한 이야기 및 기타 질문

1. 업무 일정과 조직 문화

• 점심시간 2시간인 회사에서 1시간 출근 시 적응 고민
• 회사마다 점심시간 및 근무시간 계산법이 다름 (예: 1시간 30분 점심 + 7시간 30분 근무)
• 일부 회사는 점심시간에 헬스장 가거나 집에 갔다 오는 경우도 있음
• 점심시간 후 휴식이나 낮잠 권장하는 분위기도 일부 존재
• 회사 내 점심 식사 방식(끼리끼리 식사 등)이 시비 원인이 될 수 있음
• 직원들 간 갈등은 주로 태도와 대처 방식에 따라 결과가 달라짐

2. 프로젝트 기한과 책임 소재

• 자율 야근이나 프로젝트 기한 미준수 시 업무 책임 논의
• 회사는 위약금을 물어야 하는 경우가 있으나 계약서에 위약금 명시가 없으면 현실적 불이익은 적음
• 개발자 개인에게 급여 감봉 같은 직접적 불이익은 드물지만 인사평가에는 반영될 수 있음
• 실제로 프로젝트 책임은 PM(프로젝트 매니저)에게 있는 경우가 많음
• 윗사람이 책임을 져야 하는데 때로는 책임 전가 문제 발생
• 업무 관리 미흡(매니징 부족)은 전적으로 PM 책임으로 보아야 함
• 문제 발생 시 가까운 노무법인 상담 권장

3. 리액트 useCallback과 상태 관리 이슈

• useCallback에 의존성으로 useState 상태값을 넣었는데 최신 값이 반영되지 않는 문제 발생
• useState는 상태가 비동기로 업데이트되므로, setState 직후에 이전 값이 출력될 수도 있음
• 상태 값이 변할 때마다 로그를 찍는다면 useEffect 훅을 활용하는 것도 방법
• 의존성 배열에는 상태 업데이트 함수(setExpand)가 아닌 상태 변수(expand)를 넣는 것이 맞음
• 상태 변화를 즉시 감지하여 반영하려면 ref 활용, useEffect와 같이 적절한 훅 사용을 고려해야 함
• React 17 버전 사용 시 최신 버전 관련 일부 동작 차이 주의
• 상태 업데이트 후 UI 반영이나 로직 실행 시점 차이로 인한 혼란 가능성 큼

4. 권한별 라우팅 처리 방법 (Next.js)

• getServerSideProps 에서 redirect 사용하는 방법이 기본임
• 페이지별로 권한 체크 선언이 번거로워 중복 코드 발생 우려
• 미들웨어 사용이나 _app.tsx 에 권한 관리를 한층 통합하는 방법 모색 중
• 넥스트 공식 문서에서는 서버사이드에서 인증 처리 권장
• 인증 토큰은 보통 쿠키로 관리하여 SSR에서 읽어 인증 상태 활용
• 래퍼 컴포넌트(HOC) 방식도 있지만 단점으로 마음에 안 들기도 함
• 중복 줄이기 위해 권한 체크 함수, 공통 인증 로직 재사용 추천
• 아직 좋은 최적화 방법에 대한 사례나 아이디어 찾는 중

5. 개발자 공부 및 커뮤니티 정보

• 알고리즘 스터디는 커뮤니티와 개발자 모임에서 정보 공유 활발
• 코테는 평소 꾸준한 공부가 중요하며 급하게 하면 어려움이 많음
• 추천 무료 리액트 입문 강의
  • 제로초 강의 (무료, 인프런, 코드잇 등)
  • 스파르타코딩클럽 무료 콘텐츠도 좋음
• 신규 개발자들은 html, css, js 기본 다지기를 병행하는 게 효과적

6. 점심시간, 휴식 문화와 근무 환경

• 점심시간에 헬스장 다니는 사람도 많음
• 점심시간 활용법에 대한 회사 내 시선 다양, 때론 시비 발생
• 휴식 시간이 충분하면 생산성에도 긍정 영향
• 사내 문화에 따라 점심시간 활용의 자유도 다름
• 관리자가 분위기 형성에 큰 영향이 있음

7. 개발 일정 지연과 팀 내 갈등 원인

• 기획과 디자인 단계가 늘어지면 개발 일정 역시 영향을 받음
• 개발팀이 늘 욕받이 역할을 하며 일정 부담 심함
• 윗사람, PM이 일정 산정 및 관리 미흡한 경우가 많음
• 일정 지연 시 책임 소재 불명확, 팀 내 갈등 유발
• 현실적으로 개발자에게 과도한 책임 전가되는 경우 있음
• 개발 일정은 타이트하게 잡히고 변화가 잦아 스트레스 커짐

8. 신입 백엔드 포지션에서 자바 vs 자바스크립트 선택

• 자바는 한국 SI 산업에서 여전히 강세, 취업 기회 많음
• 자바스크립트 및 Node.js 는 젊은 층 및 스타트업 중심으로 인기
• 자바 배우는 게 취업에 유리하다는 의견 많음
• 장기적 커리어와 회사 환경 고려하여 선택 권장

9. 리액트 UI 상태 변화 처리 팁

• 상태 변경 후 즉시 콘솔 로그에 반영되지 않는 점 주의
• 상태를 직접 감지하려면 useEffect로 상태 변화를 구독하도록 구성
• 상태 값 업데이트는 비동기로 일어나기 때문에 상태값에는 즉시 변경 반영 안 됨
• useCallback 의존성 배열에 상태 변수를 넣어 최신 값을 반영해야 함
• ref 사용은 상태 변화를 바로 사용해야 할 때 대안
• 버전(React 17 등)에 따라 상태 관리 동작 미세한 차이 있을 수 있음

10. 일상 소소한 이야기 및 기타 질문

• 개발자들은 일상에서도 건강검진, 알러지 발견 관련 경험 공유
• 사내 문화와 인간관계 이야기 활발
• 사소한 농담과 드립도 많이 오감 (예: 닉네임 변천사, 스타트업 생활)
• 질문에 대한 구체적인 예시는 코드 첨부 대신 간단한 설명 위주로 전달
• 개발 도구, 라이브러리 선택 고민도 있음 (ex. tanstack query 에서 fetch vs axios)

면접팁⚡

• 프로젝트 책임과 관리 문제 인식: 면접 시 프로젝트 일정 지연 시 책임 소재와 해결 방안에 대한 자신의 생각을 준비해 두자.
• React 상태관리와 useCallback 이해도: useState 비동기 업데이트, useCallback 의존성 배열 관리 이슈에 대해 설명할 수 있는 것을 추천.
• Next.js 권한별 라우팅 처리 경험: getServerSideProps와 미들웨어를 이용한 인증/권한 제어 방식을 이해하고 사례 설명 준비.
• 개발 일정 관리에 대한 현실적 이해: 기획-개발 간 일정 조율 및 갈등 상황에서 효과적인 소통 및 일정 산정 방법에 대한 자신의 견해 보여주기.

링크🔗

• React 상태 업데이트 비동기 이슈 및 해결 참고 블로그
• Next.js 공식 문서 - 인증 및 권한 관리
• 인프런, 코드잇, 스파르타코딩클럽 무료 입문 강의 추천
• 개발 커뮤니티에서 자주 언급되는 알고리즘 스터디 모임