2024-07-08

목차

1. Next.js 서버 사이드 토큰 문제와 해결법
2. AI와 JSON 형태 응답 및 GPT function calling
3. 프리랜서 경력과 정규직 대비 현실적 이슈
4. 애플 로그인 구현 시 이름(name) 데이터 문제
5. React 모바일 크롬 빈 화면 문제 및 대응
6. 드립: 건강, 휴식 및 업무 스트레스 이야기
7. AI 서비스 및 GPT 대안 토론
8. 증권 앱 캡쳐 제한 및 DRM 이슈
9. 개발 서적과 스킬업 추천
10. 클라우드 & 호스팅 관련 간단 문의

1. Next.js 서버 사이드 토큰 문제와 해결법 🔐

• 핵심: Next.js 앱 폴더 내 서버 사이드 코드에서 로컬스토리지에 저장된 토큰을 가져오지 못하는 문제 발생
• 설명:
  • 서버 사이드에서 로컬스토리지(localStorage)는 접근 불가능함. 로컬스토리지는 브라우저 전용 저장소이기 때문임.
  • 서버에서 브라우저 리소스에 직접 접근할 수 없으므로 로컬스토리지 기반 인증 정보 취득 불가
  • 반면, 쿠키(cookie)는 HTTP 요청 헤더에 포함되어 서버 사이드에서 접근이 가능하므로 서버 렌더링 시 인증에 유리함
• 의견 및 해결:
  • 인증 토큰을 로컬스토리지 대신에 HttpOnly 쿠키에 저장하는 방법 권장
  • 서버 사이드 렌더링 시 쿠키에서 토큰을 읽어서 API 호출 가능
  • Next.js 내에서 인증 관련 미들웨어 또는 API 경로에 쿠키 기반 토큰 전달 검토 필요

2. AI와 JSON 형태 응답 및 GPT function calling 🤖

• 핵심: AI가 JSON 형태로 응답을 줄 수 있음(특히 GPT의 function calling 기능)
• 설명:
  • GPT가 JSON 형식으로 답변하거나 특정 함수 호출 형태로 결과를 반환하는 모드 존재
  • 초기에는 GPT에 "무조건 JSON으로 전달"하라는 프롬프트를 써야 했으며, 안정성이 완벽하지 않았음
  • 일부 예외 케이스에서 응답에 주석, 불필요한 텍스트가 포함되는 현상이 존재
  • 실제 사용하는 쪽에서는 받은 JSON을 다시 파싱하거나, 오히려 구분자 기반 단순한 포맷이 더 정확할 때도 있음
• 참고 팁:
  • JSON 모드는 토큰 소비량이 많아 비용이 더 들 수 있음
  • 여러 AI 모델(예: 클로드)와 교차 검증하는 것도 좋은 방법임
  • function calling 기능은 GPT API에서 공식으로 지원하는 함수 호출 방식으로 작업 흐름 자동화 목적

3. 프리랜서 경력과 정규직 대비 현실적 이슈 💼

• 핵심: 프리랜서 경력은 사대보험 미가입 문제 등으로 인해 대기업 등에서는 경력으로 인정받기 어려움
• 설명:
  • 대부분 대기업은 공식 정규직 경력이나 사대보험 가입 경력만 인정
  • 프리랜서 경력은 계약 구조상 '도급' 형태가 많아 경력 증명이 어려움
  • 프리랜서는 복지·퇴직금 등이 없어 안정성 부족, 위험 부담 있음
  • 비록 능력이 뛰어나도 정규직과 달리 핵심 파트 맡기기 힘든 경우가 많음
• 의견:
  • 프리랜서에서 정규직으로 전환하는 사람 많으며, 이직 시 실력과 포트폴리오가 매우 중요
  • 커리어가 꼬인다는 표현은 여러 분야의 비연속적 경력 등으로 기업에서 일관된 경력으로 평가받기 어려운 상황 의미
• 면접팁: 프리랜서 경험을 어필할 때는 구체적인 프로젝트 성과와 해결 문제 중심으로 설명하는 것이 도움됨

4. 애플 로그인 구현 시 이름(name) 데이터 문제 🍏

• 핵심: Apple 로그인 시 이름(name) 정보는 최초 로그인 때만 제공되고, 이후에는 전달하지 않음
• 설명:
  • Apple OAuth에서는 사용자 개인정보 중 이메일은 지속 제공되지만, 이름은 개인 정보 보호 때문에 최초 동의 시 한 번만 제공
  • 이미 Apple ID에 서비스가 등록된 상태면 재로그인 시 이름 정보가 제공되지 않음
  • 따라서 애플 로그인 기능 구현 후 테스트를 반복 시 이름 정보가 사라지는 것처럼 보일 수 있음
• 해결 팁:
  • 최초 이름 정보 수신 시 별도로 저장해두고, 이후 로그인 시에는 저장된 값을 활용하는 방식 필요
  • next-auth, react-apple-login 등 라이브러리 사용 시에도 기본 동작은 동일
  • 애플 앱 심사 시 이름 미제공으로 인한 반려 사례 있으니, 로그인 UX 설계 시 고려 중요

5. React 모바일 크롬 빈 화면 문제 및 대응 📱

• 문제: 모바일 크롬에서 백그라운드에 오래 두었다가 다시 볼 때 페이지가 빈 화면으로 표시됨
• 원인 추정:
  • 브라우저가 백그라운드 탭 메모리를 회수하거나 탭 상태를 suspend 해 발생하는 현상일 수 있음
• 대응 방법:
  • focus 이벤트 리스너를 활용해 탭 활성화 시 데이터 또는 상태를 재수신/복원하는 로직 구현
  • React에서 useEffect로 focus 상태 감지 및 필요한 동작 재실행 권장
  • 서버 및 클라이언트 로그 확인하여 렌더링 문제 여부 점검
• 기술 링크: 우아한형제들 블로그 - Lambda@Edge SEO 등 참조

6. 드립: 건강, 휴식 및 업무 스트레스 이야기 🛌

• 개발자들 사이에서 실력만큼 건강도 중요하다는 의견 다수
• 피로, 허리 통증, 수면 부족 등 일상적 근무 환경 고민 공유
• "오늘은 노는 날" 같은 자기관리를 권장하는 분위기

7. AI 서비스 및 GPT 대안 토론 🧠

• GPT 서비스 종종 장애 발생, 대안으로 클로드(Anthropic) 추천
• 두 가지 AI를 병행 활용하며 결과 비교하는 전략 많음
• 무료/유료 버전 차이와 비용 이슈 언급

8. 증권 앱 캡쳐 제한 및 DRM 이슈 📵

• 일부 증권 앱이나 넷플릭스 등에서 스크린샷 캡쳐 불가 및 검은 화면 처리
• 안드로이드 OS 단에서 DRM 기능을 이용해 캡쳐 방지 가능
• 보안 관련 화면 제어가 강화되는 추세

9. 개발 서적과 스킬업 추천 📚

• 논리적 사고 강화 도서로 유명한 '종만북' 추천 다수
• 중고 도서 구매 경험 공유, 실속 있는 독서 권장
• 부캠이나 교육기관에서 1~3년차 주니어 대상 과정 증가 추세

10. 클라우드 & 호스팅 관련 간단 문의 ☁️

• AWS, 네이버 클라우드 플랫폼에서 도메인, SSL, 호스팅, 코드 업로드 문의
• 관련 경험자들에게 알바생 또는 프리랜서 모집하는 대화 존재
• 별도 기술 지원이나 가이드 필요 시 커뮤니티 활용 권장

면접팁⚡

• Next.js SSR 환경에서 인증 토큰은 쿠키에 저장하는 것이 기본임을 명확히 설명하자
• AI API 통신 시 JSON 모드와 function calling의 차이를 알고, 장단점 소개 가능해야 함
• 프리랜서 경력 어필 시, 구체적인 실무 프로젝트 내용과 해결 과제를 중심으로 말할 것
• OAuth 로그인 시 개인정보 제공 정책(예: Apple 최초 접근 시 이름 제공)을 이해하고 인증 흐름을 설계한다는 점 강조도 도움됨

링크🔗

• Next.js 애플 로그인 구현 경험 공유: https://velog.io/@dngur9801/Next.js-%EC%82%BD%EC%A7%88%ED%95%98%EB%A9%B4%EC%84%9C-%EA%B5%AC%ED%98%84%ED%95%9C-Next-auth%EB%A1%9C-%EC%95%A0%ED%94%8C-%EC%86%8C%EC%85%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%97%B0%EB%8F%99
• React SEO 및 Lambda@Edge 설명: https://blog.hoseung.me/2021-11-28-lambda-edge-seo
• 관련 뉴스 (휴일 정책 등): https://www.hankyung.com/article/202407088466i
• Quicktype (TS 타입 생성기): https://app.quicktype.io/?l=ts
• 카카오페이 휴일 정책 링크: https://link.kakaopay.com/_/1dJQj71
• 카카오톡 기반 개발 Q&A 플랫폼: https://kakao-ax.goorm.io/