목차
- 취업 및 코딩 테스트 준비
- 개발 문화, 퇴사와 인수인계 이슈
- 스터디 모임 및 협업 고민
- React 및 Frontend 기술 Q&A
- 연봉 협상과 개발자 연봉 현실
- 깃(Git) 브랜치 관리와 리베이스
- 개발 관련 라이브러리와 도구 소개
- 정신 건강과 개발자 생활
- 출퇴근 시간과 업무 환경 관련 이야기
- 기타 개발자 일상 및 유머
1. 취업 및 코딩 테스트 준비 💻
- 코딩 테스트 문제 300개를 풀면서, 문제 1개를 풀 때마다 실제 기업 1곳에 지원하는 전략으로 준비 중.
- 연말이 다가오니 내년도 공부 계획을 세우는 중.
- 코딩 테스트 실력 향상 TIP: "많이 풀어보고, 느는 속도의 차이가 있을 뿐 모든 노력은 실력 향상으로 이어진다."
- 코딩 테스트 관련 동기부여 영상, 노래 추천 등 다양한 방법으로 마음가짐을 다질 필요.
- 꾸준한 준비와 실제 취업 지원 경험이 실전 감각을 키움.
2. 개발 문화, 퇴사와 인수인계 이슈 👋
- 퇴사 전에 책임감 없이 1달 놀다가도, 또 다른 회사에선 죽어라 코딩만 시키는 환경 차이가 존재함.
- 인수인계가 구두로만 진행되거나, 문서화 없이 끝나는 경우가 많아 후임자가 어려움을 겪음.
- 코드 리뷰 없이 머지하고 퇴사하는 경우도 흔하며, 이는 조직 내 비효율 문제를 야기함.
- 현실적으로 퇴사하는 입장에서는 인수인계에 너무 매달리지 않는 분위기도 많음.
- 협업 문화에서 인수인계 문서화의 중요성 강조 필요.
3. 스터디 모임 및 협업 고민 👥
- 혼자 공부할 때 집중력 저하, 정신 건강 이슈가 종종 발생해 타인과의 스터디가 필요함.
- 스터디 구하는 방법: 인프런, 개발톡방, 오키(OKKY), 디스코드 등 다양한 플랫폼 활용 가능.
- 온라인 모각코(모여서 각자 코딩) 활용과 방송으로 혼자 하면서도 같이 하는 분위기 조성 가능.
- 프로젝트 협업 의욕이 있지만, 동시에 개인 역량 강화와 팀워크의 균형 필요.
- 사이드 프로젝트에서 팀원 분배 어려움과 탈주 문제에 대한 현실적 고민 많음.
4. React 및 Frontend 기술 Q&A ⚛️
- useEffect의 의존성 배열(deps)에 객체를 넣을 때 무한 루프 발생 문제
- 객체는 참조가 바뀌어 매번 다르게 인식되므로 경고 및 무한 호출 발생.
- 해결법: 객체 속성을 개별로 deps에 추가하거나 useMemo로 객체를 메모이징하여 참조 변경 방지.
- React에서 useMemo, useCallback 무조건 사용하는 것에 대한 토론
- 무조건 사용하는 것은 오히려 오버헤드를 야기할 수 있음.
- 필요할 때만, 성능이 문제될 경우 적용하는 것이 좋음.
- 프로젝트마다 다른 경험과 성격에 따라 다르므로 유연한 적용 필요.
- infinite scrolling 시 스크롤 위치 유지 방법 (Next.js 환경)
- 무한 스크롤 시 캐시 처리 필요.
- 리스트 클릭 시 위치정보를 로컬스토리지에 저장하고 뒤로가기 시 복구 전략이 효과적.
- React Google Maps API 클릭 좌표 왜곡 문제
- 줌 레벨에 따른 좌표 오차 발생.
- 평면 좌표체계 변환 함수(예: 좌표계 3857 변환)로 보정 필요.
5. 연봉 협상과 개발자 연봉 현실 💰
- 중소기업 1년차 프론트엔드 개발자 연봉은 보통 2800~3500만 원 초반대.
- 연봉 인상 규모는 보통 5~20% 사이이며, 인상률보다 절대 금액에 집중하는 것이 현실적임.
- 이직을 통해 연봉 상승시도 많이 함.
- 신입 개발자 평균 연봉과 이직 시장가를 지속 체크하는 것이 중요.
- 고연차 혹은 특화된 기술 스택 보유 시 네카라쿠배당토 등 대기업으로 이직 가능.
- 연봉 협상 팁: 본인의 기여도와 시장가치를 객관적으로 평가하고 준비하자.
6. 깃(Git) 브랜치 관리와 리베이스 🧑💻
- PR이 머지된 후 원격 브랜치는 보통 삭제하나, 로컬에는 남아있을 수 있음.
- 로컬 브랜치 수동 삭제 필요하며, git fetch origin -p 로 원격에서 삭제된 브랜치 정보 갱신 가능.
- 리베이스는 원격에 푸쉬하지 않은 개인 작업 브랜치에만 안전하게 사용 권장.
- 원격 브랜치에 리베이스 후 강제 푸쉬 시 충돌과 협업 혼란 위험 있음.
- 깃플로우(Git Flow) 정책에 따라 브랜치 관리 습관을 정하고 팀 내 공유 권장.
7. 개발 관련 라이브러리와 도구 소개 🛠️
- Fullcalendar 라이브러리는 일정이나 달력 UI를 만들 때 많이 사용되는데, 사용 전 라이선스 확인 권고.
- yarn-audit-fix 사용해 패키지 의존성 문제를 줄일 수 있으나, 여전히 보안 리스크는 신중한 검토 필요.
- Next.js에서 Next Auth는 소셜 로그인 구현에 일반적으로 많이 쓰임. URL 쿼리 방식은 보안상 권장하지 않는 경우도 있음.
- Swiper 라이브러리로 슬라이드 UI 제작 시 외부 영역 버튼으로 네비게이션 조작 가능 (slideNext(), slidePrev() 사용).
- React에서 상태관리 도구로 Redux와 Recoil이 자주 사용되며, 프로젝트 성격과 규모에 따라 선택.
8. 정신 건강과 개발자 생활 🧠
- 개발자들 사이에서 정신 건강 문제(집중력 저하, 우울증) 언급 많음.
- 운동이 도움이 될 수 있으나 무조건적인 해결책은 아니며, 심리상담이나 정신과 치료도 고려.
- 취업과 경제적 안정이 정신 건강에 큰 영향.
- 개인 신념과 삶의 방향 설정이 중요하다는 의견 다수.
- 업무 강도와 스트레스가 높을 경우 지속적인 관리와 휴식 필수.
9. 출퇴근 시간과 업무 환경 🚇
- 출퇴근 왕복 3시간 이상은 삶의 질 저하 가능성 큼.
- 지하철에서는 인강 듣기, 개발 공부 등 자기계발 시간으로 활용하는 경우 많음.
- 근무지 주변에 거주하거나 종점 쪽에서 출퇴근하는 것이 피로도 감소에 도움.
- 최근 재택근무 감소로 출근 인원 증가, 사무실 내부 공간(샤워실 등) 이용 불편 및 갈등 사례 발생.
- 여유 있는 마음가짐과 상호 배려가 중요한 근무 문화 요소임.
10. 기타 개발자 일상 및 유머 😂
- 제이쿼리, 리액트, Redux 등 프론트엔드 기술에 대한 애정과 농담이 활발.
- 사랑니 발치 경험담, 식사 데이트 면접, 드립과 별명 놀이 등 유쾌한 분위기.
- 닉네임 “디비디비딥” 등 독특한 이름 뒷이야기.
- 개발 환경 문제, 느린 빌드 시간, 핫 리로드 경험 공유.
- 개발자들의 현실적 고충과 따뜻한 동료애가 엿보임.
면접팁⚡
- 코딩 테스트 준비: 다양한 난이도의 문제를 최대한 많이 풀어보는 것이 기본. 문제 하나 푸는 동안 실제 회사에 지원하는 방식으로 실전 감각을 익히자.
- useEffect 의존성 배열 관리: 객체를 deps에 넣으면 참조가 매번 바뀌므로 무한 루프가 발생하기 쉽다. 이럴 땐 객체 속성을 개별로 분리하거나, useMemo를 사용하여 메모이징하자.
- 연봉 협상: 인상률보다 절대 금액에 집중하며, 자신의 기여도와 시장 동향을 명확히 파악해 최대한 객관적인 협상 자료를 준비하는 것이 중요하다.
- Git 관리: PR 머지 후 원격 브랜치 삭제는 기본, 로컬 브랜치도 정리해서 깔끔한 저장소 환경 유지가 필요하다. 리베이스는 신중히 사용하자.
링크🔗
#프론트엔드#React#취업준비#코딩테스트#연봉협상#Git#스터디#정신건강#라이브러리#개발문화