2025-02-11

목차

1. 구글 로그인 오류 문제와 인앱 브라우저 제한
2. React 및 Next.js 학습 자료와 추천
3. 퍼블리셔 및 프론트엔드 업무 분담 현황
4. 개발자 이직과 포트폴리오 전략
5. 블로그 운영과 수익화 경험담
6. React 관련 라이브러리 및 도구 의견
7. Relay, Vite, esbuild 등 빌드 도구 토론
8. 문서화 어려움과 커뮤니케이션
9. 플러터와 React Native (RN) 입문 조언
10. 기타 자유로운 대화 및 분위기

1. 구글 로그인 오류 문제와 인앱 브라우저 제한

• 특정 앱(예: 카카오톡) 인앱 브라우저에서 구글 로그인이 안 되는 현상 발견.
• "잘못된 접근" 오류 메시지가 나타남.
• 구글은 보안 정책상 인앱 브라우저에서 로그인을 차단하는 경우가 있음.
• 인앱 브라우저란 앱 내에서 웹 페이지를 띄우는 작은 브라우저를 말하며, 보안이나 세션 관리 이슈가 발생할 수 있음.
• 해결 팁: 캐시 초기화, 리다이렉트 URI 확인, 인앱 브라우저가 아닌 외부 브라우저로 로그인 시도 권장.

2. React 및 Next.js 학습 자료와 추천

• Next.js 공부 전 React 기본기를 다지는 것이 필요하다는 조언.
• React 공식 문서(https://ko.react.dev/learn)를 가장 신뢰받는 학습 자료로 추천.
• 인프런 같은 국내 강의 플랫폼도 평가 좋은 강의를 제공하며, 강의를 한번 훑어보는 것도 도움됨.
• 공식 문서 중심 학습 + 입문 강의 병행 학습 방법이 효과적임.

3. 퍼블리셔 및 프론트엔드 업무 분담 현황

• 일부 회사와 대형 에이전시에서는 여전히 퍼블리셔(HTML/CSS 전문 작업자)가 존재.
• 작은 팀이나 스타트업은 프론트엔드 개발자가 퍼블리싱까지 담당하는 경우가 많음.
• 퍼블리셔가 form 태그 등 구조적인 HTML 요소 작업을 전담하는 곳도 있음.

4. 개발자 이직과 포트폴리오 전략

• 경력직 이직 시 포트폴리오는 반드시 필요하지 않을 수 있음.
• 주로 이력서에 이전 서비스 설명과 링크 첨부하는 편.
• 포트폴리오 작성에는 정답이 없고, 본인 어필 방식이 중요함.
• 주변에 멘토나 조언자를 두고 방향을 잡는 일이 큰 도움이 된다는 의견.
• 너무 천편일률적인 포트폴리오를 피할 필요가 있음.

5. 블로그 운영과 수익화 경험담

• 네이버 블로그를 통한 소액 수익 경험 사례 공유됨.
• 티스토리는 하루 포스팅 제한(60개) 등 제약이 있음.
• 기술 블로그는 검색 노출이 어렵고 수익화가 쉽지 않음.
• 블로그 수익화는 꾸준한 방문자 유입과 SEO 최적화가 핵심.
• 유튜브나 SNS 병행 운영을 통해 트래픽 확대를 노려야 함.

6. React 관련 라이브러리 및 도구 의견

• ReactQuery를 Apollo GraphQL 대안으로 추천하는 의견.
• Apollo는 문서와 사용성 문제 때문에 비판받는 경우 있음.
• React Quill 에디터에 이미지 드래그앤드랍, 클립보드 붙여넣기 기능 구현 방법 질문.
• Next.js 서버 액션을 사용하면 완전한 정적 사이트 빌드가 어려움.

7. Relay, Vite, esbuild 등 빌드 도구 토론

• Relay(GraphQL 클라이언트 라이브러리)는 문서화 및 사용 난이도 때문에 호불호가 강함.
• esbuild는 빠른 빌드를 지원하는 번들러이며, 세팅 복잡도에 따라 tsup 같은 도구도 사용.
• Vite는 개발 환경과 라이브러리 빌드 모두에 적합하며, esbuild를 내부적으로 사용함.
• Rollup 대안으로 Rust 기반 Rollup 포팅 프로젝트 'Rolldown' 언급되나 문서 미비.
• 문서 부족 문제를 많은 개발자가 공감함.

8. 문서화 어려움과 커뮤니케이션

• 문서가 부족한 라이브러리나 도구는 사용자가 코드를 직접 읽어야 하는 상황 빈번.
• Slack 멘션이나 이슈 트래킹을 활용해 팀 커뮤니케이션 강화 필요.
• "코드가 문서다", "이슈가 문서다"라는 농담 섞인 표현으로 문서화 부족 현실 표현.

9. 플러터와 React Native (RN) 입문 조언

• 플러터 개발자가 회사 업무로 React도 겸하게 되는 케이스가 늘고 있음.
• React Native로 완전히 전환할지 고민하는 단계.
• 초보자는 일단 시작해서 만들며 경험 쌓는 게 중요하다는 조언.

10. 기타 자유로운 대화 및 분위기

• 개발뿐 아니라 개인 목표(재테크, 학업, 결혼자금 등) 공유하며 친목 도모.
• 개발 관련 농담과 분위기 환기 대화 다수.
• 신규 입장자에게 따뜻한 환영 메시지와 응원.

면접팁⚡

• 구글 로그인 문제를 이해하고 해결하는 능력: 인앱 브라우저 제한과 OAuth 정책 숙지 필요.
• React 생태계 변화와 주요 라이브러리 비교: Apollo, ReactQuery, Relay 각각 특징 파악.
• 빌드 도구 이해: esbuild, Vite, Rollup, tsup의 차이점과 장단점 설명 가능해야 함.
• 포트폴리오 작성 전략: 정형화된 양식에 얽매이지 말고 각자 상황에 맞게 어필하는 게 중요하다는 점 강조.

링크🔗

• React 공식 문서: https://ko.react.dev/learn
• MX님 네이버 블로그 : https://blog.naver.com/pjt3591oo/223704891291
• 인프런 (국내 강의 플랫폼): https://www.inflearn.com/