2024-04-27

목차

1. 개발자 근황과 커뮤니티 분위기
2. 컴파일 에러 및 C언어 리턴 타입 문제
3. 시력 및 라식 경험 공유
4. React 라우터 및 App.js 구조에 관한 질문
5. Next.js 13 및 useRouter 사용법
6. Firebase Cloud Messaging 프로덕션 알림 문제
7. React Router ‘뒤로가기 막기’ 방법
8. React 19 버전과 새로운 최적화 기능
9. React 컴포넌트 내부 ref 및 forwardRef 변화
10. 기타 소소한 개발 잡담과 분위기

1. 개발자 근황과 커뮤니티 분위기

• 개발자들 사이 소소한 인사와 근황 공유, 주로 평일·주말 불문하고 활발한 소통이 이어짐.
• 카페 같은 분위기에서 노트북을 들고 모임하는 모습, 서로 커피도 사주는 훈훈한 분위기.
• 결혼 축하 인사나 개인 사는 곳, 생활 이야기도 자연스럽게 섞임.

2. 컴파일 에러 및 C언어 리턴 타입 문제

• C언어에서 함수 리턴 타입 선언은 중요함.
• 리턴 타입이 double인데 함수 내부에서 return 구문이 빠진 경우 컴파일 에러 발생.
• void 타입이 아니라면, 반드시 return을 명시해야 컴파일러가 에러를 내지 않음.
• 이런 기본 문법 실수는 초보자라도 꼭 숙지해야 하는 부분임.

3. 시력 및 라식 경험 공유

• 라식 수술 후 시력이 1.2까지 개선된 경험담 공유.
• 수술 후 건조함이 줄어들고 눈 비비는 습관도 사라지는 효과를 경험함.
• 병원 권장 아닌 온열 눈 마사지법도 좋은 효과 있었음.
• 시력 떨어진 사람들의 고충과 노안에 대한 유머섞인 이야기.

4. React 라우터 및 App.js 구조에 관한 질문

• routeProvider로 라우터를 분리하려고 할 때, index.js에서 바로 router.js로 연결하는 예제를 봄.
• 이 경우 App.js는 사용하지 않고도 앱이 돌아갈 수 있는데, 필요한지 의문 제기.
• 답변: App.js도 결국은 컴포넌트이며, 사용 안 하면 불필요한 파일이 맞음.
• 엔트리 포인트가 어디로 지정되었느냐에 따라 유무 결정됨.

5. Next.js 13 및 useRouter 사용법

• Next.js 13버전부터 라우터 사용방식이 두 가지임:
  • pages 디렉토리 기반 라우터: next/router의 useRouter 사용
  • app 디렉토리 기반 라우터: next/navigation의 useRouter 사용
• 초기에 app 라우터에서 pages의 useRouter 임포트로 인해 작동 안 되는 경우 있었음.
• 앞으로 프로젝트 구조에 따라 적절한 useRouter를 선택해야 함.

6. Firebase Cloud Messaging 프로덕션 알림 문제

• 로컬에서 Firebase Cloud Messaging 알림은 잘 오는데, 프로덕션에서는 알림이 안 온다는 질문 발생.
• 설정이 로컬과 프로덕션에서 다를 가능성이 높음.
• 점검해야 할 부분:
  • Firebase 설정 파일(google-services.json 등)이 올바르게 배포되었는지
  • Firebase 클라우드 메시지 토큰이 프로덕션에서 정상 발행되는지
  • 서버 키 및 권한, 알림 권한 요청 상태
  • 클라이언트 앱의 환경 설정 및 Firebase 초기화 코드 확인
• 메뉴얼을 꼼꼼히 확인하고, 프로덕션 관련 설정 차이를 집중 점검해야 함.

7. React Router ‘뒤로가기 막기’ 방법

• 최근 React Router에는 이전 버전처럼 history 객체를 직접 다루는 방식이 적음.
• useNavigate 훅을 통해서 네비게이션 제어 가능하나, 단순히 뒤로가기 자체를 막는 기능은 따로 없음.
• 해결 팁으로는 앞 페이지 이동 시 e.preventDefault()를 통해 이벤트를 막을 수 있음.
• 좀 더 복잡한 경우에는 사용자 경고 등을 통해 뒤로가기 방지 기능 개발 필요.

8. React 19 버전과 새로운 최적화 기능

• React 19 베타 발표 소식 공유됨.
• 주요 특징은 useMemo, useCallback, forwardRef 같은 최적화 훅을 없어도 성능 최적화가 자동으로 적용된다는 점.
• 컴파일러가 내부적으로 더 똑똑해져 코드를 덜 복잡하게 작성할 수 있음.
• React 초보자도 쉽게 최적화 효과 누릴 수 있을 것으로 기대됨.
• 정식 출시 후 사용 경험에 따라 실제 효과 판단 필요.

9. React 컴포넌트 내부 ref 및 forwardRef 변화

• 기존에는 forwardRef와 useImperativeHandle 훅을 사용해 컴포넌트 내부 DOM에 ref를 넘겨야 했음.
• 이번 패치에서 컴포넌트 내부 함수도 직접 ref 참조가 가능해질 수 있다는 기대감.
• 이런 변화가 실제로 정식 반영된다면 ref 관리가 더욱 간편해질 전망.
• 테스트 및 공식 문서 확인 후 적용 권장.

10. 기타 소소한 개발 잡담과 분위기

• 개발 방 안에서 농담과 유머가 많은 즐거운 분위기였음.
• ‘군번줄 목에 거는 순간부터 아저씨’라거나 ‘맥북과 개발자는 한 몸’이라는 드립 등.
• 급작스러운 질문과 답변, 기술 관련 소식 공유가 자연스레 섞여 활발한 소통 이어짐.

면접팁⚡

• C언어 함수 작성 시 리턴 타입과 실제 return 구문 누락으로 인한 컴파일 에러 질문은 자주 출제됨.
• React Router에서 useNavigate 훅을 활용한 페이지 이동 제어 방법 이해는 최신 면접 트렌드에 맞음.
• Firebase Cloud Messaging 배포 환경 차이에 따른 문제 해결능력도 중요하니 개발환경과 배포환경 간 차이를 명확히 아는 것이 좋음.

링크🔗

• React 19 베타 발표: https://react.dev/blog/2024/04/25/react-19
• Next.js 13에서 useRouter 사용법: https://naver.me/FbzxqZQ9
• React Router 공식 문서 (뒤로가기 처리 참고): https://reactrouter.com/en/main/hooks/use-navigate
• Firebase Cloud Messaging 공식 가이드: https://firebase.google.com/docs/cloud-messaging
• 유튜브 짧은 영상 공유:
  • https://youtube.com/shorts/X0oIOkB8iVw?si=tEbTUSZVt_2QA1sy
  • https://youtube.com/shorts/B64d5hN9kI4?si=1l_GFnPjWlHjcsYD