2024-04-24

목차

1. 모임 일정과 개발자 커뮤니티 분위기
2. Next.js 앱라우터에서 쿠키 이슈 해결
3. 사이드 프로젝트에서 기획과 개발 조율
4. CI/CD와 깃어트리뷰트 경험 공유
5. 연차 사용과 휴가 사유 대화
6. AI와 노동시장 변화 전망
7. VSCode와 FTP 연동 도구 추천
8. React 라우팅과 인증(Authorization) 처리 방법
9. 현업 개발과 공부 간의 괴리감
10. 기타 개발 관련 Q&A 및 소소한 이야기

1. 모임 일정과 개발자 커뮤니티 분위기

• 5월 24일 금요일 오후 7시, 강남 혹은 잠실에서 개발자 정모 예정
• 지방 거주자의 서울 방문 고민과 연가(연차) 활용 이야기
• 개발자 커뮤니티에서는 기술 이야기가 주를 이루며 활발한 분위기
• 다양한 레벨과 관심사를 가진 분들이 모여 친목과 정보 교류

2. Next.js 앱라우터에서 쿠키 이슈 해결

• 미들웨어에서 쿠키 읽기가 안 되는 문제 경험 공유
• Next.js에서 미들웨어는 페이지 요청 전 처리 가능한 함수로, 쿠키 접근 시 주의 필요
• 해결 방법 : 쿠키 설정 시 httpOnly, path, domain 등 옵션 검토
• 미들웨어는 요청 객체에서 쿠키를 직접 읽어오나, 앱라우터와 새 구조에 맞춰 구현해야함
• 참고자료 : Next.js 공식 문서 미들웨어 및 쿠키

3. 사이드 프로젝트에서 기획과 개발 조율

• 기획자가 기술적 불가능 사항을 잘 모르는 경우 개발자가 검토 후 조율 필요
• 개발자는 적용 어려움, 시간 소요, 사용자 경험 영향 등을 기획자에게 설명
• 예) 잦은 페이지 이동과 데이터 패칭으로 인한 지연 문제
• 기획 수정 요청은 협력적 대화로 진행하는 것이 좋음
• 사이드 프로젝트라도 기술 검토 없이는 무리한 요구 발생 가능

4. CI/CD와 깃어트리뷰트 경험 공유

• 깃어트리뷰트(gitattributes) 사용과 CI/CD(지속적 통합/지속적 배포) 작업 경험 공유
• CI/CD는 코드 변경 후 자동 빌드 및 배포 프로세스를 의미하며, 효율적인 운영에 필수
• 깃어트리뷰트는 깃에서 파일별 처리 방식을 지정해주는 기능, 예를 들어 텍스트 변환, 병합 전략 등 설정 가능

5. 연차 사용과 휴가 사유 대화

• 휴가 사유 작성 시 '개인 사정', '개인 일정' 등 간단하게 적는 회사가 많음
• 구체적 사유 요구하는 회사에서는 '거북이 병간호' 등 양해를 구하는 방식도 있음
• 당일날 몸이 아프다는 사유도 어느 정도 인정받음
• 휴가 사용에 대한 조직 문화 차이와 관련 정책 이해 중요
• 인사관리 툴 '플렉스(flex)' 소개, 연차 관리에 도움을 줌

6. AI와 노동시장 변화 전망

• 2025~2026년에 AI가 노동시장의 약 20%를 대체할 가능성 전망
• 한 사람이 예전보다 더 많은 일을 처리하는 방식으로 업무 효율성 증가 예상
• 현재의 인력난은 AI 도입 전과정에서 나타나는 일시적 현상
• 개발자 커뮤니티 내에서 AI 발전에 따른 커리어 전략 논의
• AI 도구와 협력하며 생산성을 높이는 방향으로 적응하는 것이 중요

7. VSCode와 FTP 연동 도구 추천

• VSCode용 FTP 익스텐션 다수 존재, 유튜브 영상 참고해서 설치 및 셋업 가능
• 단, FTP 모드에서는 실시간 동기화 미흡할 수 있어 서버 관리시 주의 필요
• 에디트플러스(EditPlus) 같은 툴이 FTP 관리에 더 안정적이라는 의견도 있음
• 퍼블리셔(퍼블리싱 담당자) 요구 사항에 맞는 품질 좋은 도구 선택 추천

8. React 라우팅과 인증(Authorization) 처리 방법

• 로그인 후 접속 가능한 페이지에 비로그인 상태에서 접근 시 리다이렉션 처리 고민
• 방법 1: 접근 후 로딩 화면 후 auth 상태 체크 및 /login 리다이렉션
• 방법 2: 메뉴 클릭 시 auth 체크 후 로그인 페이지로 이동
• 뒤로가기 이슈 해결을 위해 router.replace() 사용, 뒤로가기 히스토리에 이동 기록 남기지 않음
• 서버 사이드 렌더링(SSR) 환경에선 서버에서 302 리다이렉트 처리 권장
• Next.js에서는 미들웨어에서 인증 필터링도 가능 (공식 문서 참조)

9. 현업 개발과 공부 간의 괴리감

• 현업에서는 확장성, 유지보수성보다 빠른 배포와 동작이 우선시 되는 경우 많음
• 테스트 코드 작성 문화도 회사마다 크게 달라, 전혀 작성하지 않는 곳도 존재
• 개인 공부와 실무에 적용 가능한 기술 간 차이가 크며 실무는 팀원 역량에 맞춰 조율됨
• 좋은 회사에서는 코드 품질과 테스트 유지를 기대할 수 있으나 비율은 적음
• 개발 역량은 개인의 꾸준한 공부와 경험 축적으로 성장
• 깃허브 공개 레포, 오픈소스 코드로 학습하는 것이 현실적 대안

10. 기타 개발 관련 Q&A 및 소소한 이야기

• 입사 1년 채우고 퇴사해도 퇴직금 지급 조건 및 절차 안내
• 채용 과정 중 서류 검토 기간과 면접 진행 단계 설명
• 전화번호 변조 기술 (예: 안심번호, 페이크 번호) 개념 및 현실 사례 간단 설명
• React Swiper 사용 중 콘솔에서 height 값이 0으로 나오는 문제 경험담
• 컴포넌트 상태 관리에서 context 과다 사용 시 성능 저하 문제와 대안 논의
• 다양한 농담과 사소한 일상 이야기 섞인 자유로운 대화 분위기

면접팁⚡

• 인증 라우팅 처리: 클라이언트 인증과 서버 인증 모두 중요, Next.js 미들웨어 활용 추천
• 코드 품질: 회사마다 차이가 크니, 면접에서 코드 유지보수성 및 테스트에 대한 경험과 인식 공유 필수
• 퇴직금과 노동법: 기본법규 숙지 및 퇴직 관련 절차를 명확히 이해하고 대응하는 자세 중요
• AI와 미래 대비: 최신 AI 기술 동향과 업무 변화 인식이 있으면 면접 시 긍정적 인상 가능
• 사이드 프로젝트 경험: 기획자와 협업하며 기술적 한계와 조율 경험을 구체적으로 설명하기

링크🔗

• Next.js 미들웨어 공식 문서: https://nextjs.org/docs/app/building-your-application/routing/middleware
• Flex 연차 관리 블로그: https://flex.team/blog/2024/04/16/flex-recruiting-2024/
• 동영상 공유 #1: https://youtu.be/XC1qOSf1w7o?si=G8lmwpFwDmWwQpWr
• 동영상 공유 #2 (고속도로 혼잡도 체크): https://youtu.be/S1CnijggID8?si=a2OAvI5ED4Fp9wRU
• React 공식 새로운 프로젝트 가이드: https://react.dev/learn/start-a-new-react-project
• 대화 중 참고된 기타 링크 및 영상은 대화 본문 내 별도 확인 가능