COMMIT.chat
View Bookmarks
react 썸네일react

2025-01-02

목차

  1. React Google OAuth - COOP 문제 해결 방법
  2. 팀 내 지각 문제와 대응
  3. React useEffect 의존성 배열 이해
  4. 기술 면접 과제 경험과 과제비 이야기
  5. 스타트업 인턴 경험과 업무 고민
  6. 회사 내 겸업금지 조항과 부업 이슈
  7. 사수와 업무 문화 관련 이야기
  8. 최신 크롬 브라우저 버전 공유
  9. 테일윈드 CSS 및 대체 스타일링 도구 논의
  10. 건강과 운동, 러닝 이야기

1. React Google OAuth - COOP 문제 해결 방법

  • React.js에서 구글 로그인 구현 시 COOP(Cross-Origin Opener Policy) 문제가 종종 발생함.
  • COOP는 브라우저가 다른 출처에서 열린 팝업의 보안 정책 때문에 발생하는 보안 설정 이슈임.
  • 팝업 모드를 사용하는 경우, Google OAuth에서 COOP 문제를 해결하려면 백엔드 혹은 서비스 설정에서 Cross-Origin-Opener-Policy와 Cross-Origin-Embedder-Policy 헤더를 적절히 관리해야 함.
  • 대표적 해결책으로는 팝업 창과 메인 창을 같은 오리진으로 인식하게 하거나, OAuth 팝업을 써서 로그인 과정 중 보안 이슈를 우회하는 방법이 있으나, 구체적인 설정은 서비스 환경마다 차이가 있음.

2. 팀 내 지각 문제와 대응

  • 팀에 매일 지각하는 멤버가 있어 고민하는 개발자 질문
  • 지각의 심각성은 회사 문화에 따라 다름 (자율 출퇴근 vs. 엄격한 관리)
  • 출근 시간이 중요시되는 경우 코어 타임(필수 출근시간)을 지키는 것이 우선
  • 10~30분씩 지속적인 지각은 업무 신뢰도에 영향을 줄 수 있음
  • 해결책 제안:
    • 유연근무제나 자율 출근 도입
    • 출근 시간 변경 요청
    • 지각이 업무에 영향을 미치는지 판단 후 대응
  • 단순히 시간 때문에 문제 삼기 보다는 업무 밀림 여부가 더 중요함

3. React useEffect 의존성 배열 이해

  • useEffect 훅은 의존성 배열(deps)을 통해 특정 값이 변경될 때만 실행됨
  • 종종 의존성 배열에 포함되지 않은 값이 변하면서 무한 루프처럼 동작하는 케이스가 있음
  • 실제로는 useEffect 내부에서 참조하는 값 중 변하는 값이 의존성 배열에 누락됐을 확률 큼
  • 해결 방법:
    • 의존성 배열에 관련 상태나 props를 모두 넣기
    • React의 useMemo, useCallback 등을 활용해 값/함수 참조 고정
    • 콘솔 로그로 상태 변화를 꼼꼼히 체크
  • 잘못된 의존성 관리가 앱 성능과 버그에 영향을 줌

4. 기술 면접 과제 경험과 과제비 이야기

  • 토스, IFC 등 국내 주요 기업의 기술 과제 경험담 공유
  • 과제 난이도는 입사 레벨과 연차에 따라 다름
  • 일부 회사는 과제 완료 시 과제비(20~30만원)를 지급하기도 함
  • 과제 결과 발표까지 대략 16시간 정도 소요된 경험담
  • 풀재택과 여의도 출근 등 근무 형태 다양
  • 과제는 신속 정확한 코드 제출뿐 아니라 효율적 커뮤니케이션도 중요
  • 과제에 대해 빠른 피드백 받고 싶은 경우 담당자, 리쿠르터에 직접 문의할 것을 추천

5. 스타트업 인턴 경험과 업무 고민

  • 학교 제휴 인턴 경험에서 겪는 ‘업무가 불명확’, ‘업무 내용이 개발과 무관’ 문제
  • 스타트업 특성상 프로젝트 진행이나 체계적 업무 전달이 부족한 경우 많음
  • 이런 상황에서 가능한 대처법:
    • Notion 등 협업툴로 업무 정리 및 기록 시도
    • 담당자와 명확한 업무 범위 및 목표 설정 협의
    • 개발 권한이 있다면 코드 분석, 문서 개선 등 작은 기여부터 시작
    • 업무가 불명확하거나 지원이 안 된다면 학교 담당자 또는 채용 담당자와 소통
  • 2개월 단기 인턴이라면 경험을 쌓고 다음 도약을 위한 데이터로 활용 추천
  • 업무 불만족 시 중도 포기 가능성도 열어두고 판단

6. 회사 내 겸업금지 조항과 부업 이슈

  • 부업/사이드프로젝트 시 계약서 작성 여부 문의
  • 실제로는 개인사업자 등록 후 계약서를 작성해 수익 처리하는 경우가 많음
  • 회사에 말하지 않으면 통상적으로는 걸리지 않으나 법적 문제 가능성 존재
  • 부업 이력서에 기술 여부는 회사 분위기와 직무와 관계 있음
  • 과거 레거시 시스템 업무 경험도 포트폴리오로 활용 가능
  • 이직 시 경력 공백 없이 해당 경험 잘 어필하는 것이 중요

7. 사수와 업무 문화 관련 이야기

  • 사수가 본인보다 못할 수도 있고, 무조건 옳지 않다는 사실 인지 필요
  • 사수의 판단이 항상 최선이 아닐 수 있으니 스스로 판단 근거 마련 중요
  • 최선을 고르는 게 어렵고, 최악을 피하는 선택으로 업무 진행하는 경우 많음
  • 개발 역량뿐 아니라 팀 내 소통과 갈등 관리 능력도 중요함
  • 좋은 사수의 역할은 본인의 업무뿐 아니라 후배 챙기기, 팀 분위기 형성에 영향

8. 최신 크롬 브라우저 버전 공유

  • 현 시점 크롬 최신 안정 버전은 131.0.6778.205 (64비트)
  • 구글 크롬 관련 최신 버전 정보는 chromiumdash.appspot.com 또는 googlechromelabs.github.io에서 확인 가능
  • 개발자 테스트용 크롬 버전 또한 공식 채널에서 확인할 수 있음

9. 테일윈드 CSS 및 대체 스타일링 도구 논의

  • 테일윈드는 유틸리티-first CSS 프레임워크로 빠른 UI 조립에 강점
  • 하지만 CSS 상속이 되지 않고, 상속에 민감한 개발자에게는 적응이 어려움
  • 대안으로 StyleX (stylexjs.com) 사용 제안
    • 런타임이 섞이지 않고, 성능과 관리 용이성 측면에서 장점
    • 문서가 짧고 친절해 빠른 학습 가능
  • 스타일링 도구는 프로젝트와 팀 상황, 개발자 선호도에 따라 선택

10. 건강과 운동, 러닝 이야기

  • 장거리 러닝 후 근육통과 몸속 에너지 부족 현상 공감
  • 무릎 통증이 계단 오르기와 뛰기 시 문제될 수 있음
  • 스트레칭, 냉찜질, 무릎 아래에 베개 놓고 수면 등 권장
  • 출퇴근 스트레스 및 장거리 이동 불편함 토로
  • 운동은 꾸준히 하되 무리하지 않는 게 중요함
  • 건강 관리는 업무 효율과 삶의 질에 직접적인 영향

면접팁⚡

  • 기술 과제 제출 시 빠른 시일 내에 완성도를 높여 제출하는 것이 평가에 긍정적 영향
  • 과제에 대한 질문이나 피드백은 적극적으로 리쿠르터에게 문의하면 친절한 경우 많음
  • 이직 시 사내 겸업 경험을 이력서에 어떻게 기록할지 팀 문화와 면접관 기조를 파악할 것
  • useEffect 의존성 배열 문제는 면접 시 React 훅 동작 이해도 평가에 자주 등장함
  • 팀에서 발생하는 지각 문제에 대한 대처법 질문은 상황별 의사결정 능력을 확인하는 데 쓰임

링크🔗

#React#GoogleOAuth#useEffect#팀관리#스타트업#면접과제#부업#사수문화#테일윈드#건강관리
이전 포스트

2025-01-01

2025년 1월 1일
다음 포스트

2025-01-03

2025년 1월 3일