react 썸네일react

2024-01-28

목차

  1. 🌐 Next.js 동적 라우팅 질문과 해결
  2. 🚗 개발자들의 접촉사고 경험과 자동차 보험 팁
  3. 🍜 야식 추천과 일상 이야기
  4. 🤒 몸 건강과 마스크 착용에 대한 소소한 이야기
  5. 💻 인공지능 코딩 도구(코파일럿, GPT) 사용 후기 및 비교
  6. 📅 혼자 개발하며 일정 관리 어려움과 조언
  7. ☁️ 도메인 등록 서비스(구글 도메인, 클라우드플레어, AWS Route53) 비교
  8. 🔐 소셜 로그인(인증 흐름) 이해
  9. 🚕 개인택시 업계 연봉과 현실 토크
  10. 🖥️ 개발 장비(모니터, 맥북, 마우스) 추천 및 사용 후기

1. 🌐 Next.js 동적 라우팅 질문과 해결

  • 핵심: Next.js에서 [category]/[id]와 같은 동적 경로를 다룰 때 category 값을 변경하면 id가 붙어 스트링을 직접 잘라내지 않으려는 질문이 있었음.
  • 설명:
    Next.js에서는 동적 라우팅 파일명에 대괄호를 이용해 경로 변수를 선언함. 예를 들어 [category]/[id].js는 URL 경로의 두 변수를 받음. 만약 category를 변경하는데 같은 id값에 대해 별도 처리 없이 라우팅하고 싶다면, 개발자가 직접 문자열 분리나 라우팅 조작을 해야 할 수 있음.
  • 의견 및 팁:
    Next.js 13 이상에서는 앱 라우팅 기능이 추가되어 좀 더 유연한 라우팅이 가능하며, useRouter 훅이나 새로운 라우트 컴포넌트를 잘 활용하면 관리가 편리해짐.

2. 🚗 개발자들의 접촉사고 경험과 자동차 보험 팁

  • 상황: 개발자 중 한 명이 U턴 시 불법 주차된 차량에 접촉사고 발생.
  • 핵심 포인트:
    • 사람이 아닌 차량과의 접촉사고라 다행.
    • 과실 100% 본인에게 나올 수 있는 상황이라 보험 처리 필요.
    • 230만원까지 자기 부담금이 유리하단 의견 존재.
  • 자동차 보험 관련 팁:
    • 접촉사고는 과실 비율 확인이 가장 중요.
    • 보험 처리 전 사고 현장 사진을 잘 찍어 놓으면 증빙에 유리.
    • 주변에 불법 주차 차량이 있으면 과실 판단이 복잡해질 수 있음.
  • 초보자 이해 돕기:
    자기 부담금(본인 부담 비용)이란 보험금을 청구할 때 보험회사에 내는 금액을 말하며, 이 금액이 낮으면 보험료가 비쌀 수 있고, 본인이 직접 부담하는 금액이 높으면 보험료는 낮아집니다.

3. 🍜 야식 추천과 일상 이야기

  • 낙곱새(낙지, 곱창, 새우)나 해삼 멍게 등 해산물 추천
  • "피자나라 치킨공주"가 야식 국룰로 언급됨
  • 한국 개발자들의 야근과 먹방 토크로 스트레스 풀기
  • 일상 소소한 대화 속 팀워크 및 커뮤니티 문화 확인 가능

4. 🤒 몸 건강과 마스크 착용에 대한 소소한 이야기

  • 한 분이 몸살 감기에 걸려 본죽과 약 복용 중
  • 마스크 착용에 대해 의견이 갈림:
    • 하루 종일 마스크 끼는 경우도 있고, 마실 때 벗는 경우도 있음
    • 외모 관리와 연봉 관련 농담도 오감
  • 신종 코로나 이후 마스크는 이제 일상생활의 일부가 되었으며 건강 관리에 꾸준한 관심 필요

5. 💻 인공지능 코딩 도구(코파일럿, GPT) 사용 후기 및 비교

  • GitHub Copilot:
    • 유료 서비스가 기본이나, 한 달 무료 체험 제공
    • GPT 4.0 이상 모델이 탑재되어야 쓸 만하다는 의견 많음
    • 일부 사용자들은 무료 버전 성능이 챗GPT 3.5와 비슷하거나 조금 나은 수준이라 평가
  • ChatGPT / Bard 등:
    • 생성형 AI를 활용해 코드를 새로 작성하거나 분석 요청 가능
    • 클라이언트 프롬프트와 서버 응답 사이에 기록이 남는 구조임
  • Tip:
    AI 코딩 도구는 개발 생산성을 올려주지만, 완성도 검증과 보완은 반드시 사람이 해야 함
  • 면접팁⚡: AI도구 도입 시 장단점과 보안·개인정보 처리에 대해 질문 받을 수 있음

6. 📅 혼자 개발하며 일정 관리 어려움과 조언

  • 상황: 주니어 개발자가 혼자서 사내 서비스를 리팩터링하며 일정에 어려움 겪음
  • 핵심 문제:
    • 일정산출과 개발 속도 감이 잡히지 않음
    • 피드백은 "할 수 있다", "힘내라" 수준뿐 구체적 도움 없음
    • 일정 내 완성 어려움 예상되나 조기 경고 부족
  • 조언:
    • 현 상태와 가능한 작업량, 예상 소요 시간 투두 리스트(할 일 목록) 형태로 정리해 관리자에게 공유하는 게 중요
    • 초반에 어려움을 솔직히 알리고 조율하는 것이 나중 불이익 줄임
    • 혼자 개발할 때는 적극적으로 레퍼런스 검색과 자기학습 필요
    • 사수가 없으면 스스로 계획 세우고 해결책 찾아야 하며, 불가능한 일정은 빨리 알릴 것
  • 초보자 이해 돕기:
    일정 산출은 개발 프로젝트에서 필요한 작업량과 기간을 예상하는 과정으로, 경험과 과거 데이터가 부족한 주니어 개발자에겐 실수하기 쉽고, 따라서 소통이 매우 중요함.

7. ☁️ 도메인 등록 서비스(구글 도메인, 클라우드플레어, AWS Route53) 비교

  • 구글 도메인 서비스 종료 예정이라 이전 고민 중
  • AWS Route53, 가비아, 클라우드플레어가 대안으로 언급됨
  • 클라우드플레어는 DNS 설정이 쉽고, 비용이 저렴하거나 무료 옵션 존재
  • AWS Route53는 DNS 관리가 편리하지만 비용이 발생하는 경우가 있음
  • 초보자 설명:
    도메인을 등록하면 인터넷 주소가 고유하게 부여되며, DNS는 이 주소를 웹서버 IP로 변환해주는 역할을 함.
  • 비용, 편의성, 부가 기능(보안, 캐싱 등) 비교하고 본인에 맞게 선택해야 함.

8. 🔐 소셜 로그인(인증 흐름) 이해

  • 일반적인 흐름:
    1. 사용자가 카카오, 네이버 등 소셜 로그인 버튼 클릭
    2. 소셜 서비스는 사용자를 인증하고 인가 코드(Authorization Code)를 프론트엔드 콜백으로 전달
    3. 프론트엔드는 인가 코드를 백엔드 서버로 전달
    4. 백엔드는 인가 코드를 사용해 액세스 토큰(access token)을 발급받음
    5. 액세스 토큰으로 소셜 사용자 정보를 요청해 DB에 저장
    6. 서비스 자체의 액세스 토큰과 리프레시 토큰을 생성해 프론트에 제공
    7. 프론트는 인증이 필요한 API 요청 시 자체 액세스 토큰을 첨부해 호출
  • :
    인가 코드 방식은 인증과 보안을 분리해 사용자 정보를 안전하게 처리하는 표준 OAuth 2.0 절차임
  • 초보자 이해 돕기:
    액세스 토큰은 사용자의 로그인 권한을 검증하는 '디지털 키'이며, 리프레시 토큰은 액세스 토큰이 만료됐을 때 새로 발급받는 용도임.

9. 🚕 개인택시 업계 연봉과 현실 토크

  • 서울 개인택시 번호판 가격 약 9천7백만 원, 지방은 2억까지도 있음
  • 택시기사 평균 수익 이야기:
    • 빚 없이 번호판 보유 시 순수익 약 8천만 원 가능
    • 주 6일 야간 근무 위주로 열심히 일하면 가능
  • 20~30대 젊은 택시기사들은 앱을 적극 활용하며 수익 극대화 시도
  • 하지만 몸은 매우 고되고, 실제 수익 분포는 개인별 편차 큼
  • 택시는 개인사업자 형태라 수익과 비용(차 감가상각, 연료비 등)을 직접 관리해야 함
  • 초보자 이해 돕기:
    번호판은 운전 면허와 별개로 택시 영업 권리를 의미하며, 고가 매매되고 있음.

10. 🖥️ 개발 장비(모니터, 맥북, 마우스) 추천 및 사용 후기

  • 모니터:
    • 27인치 vs 32인치 추천은 사용 용도와 작업 스타일에 따라 달라짐
    • 한 화면을 넓게 쓰려면 32인치 권장, 다중 모니터 활용 시 27인치 적합
  • 애플 맥북 주변기기:
    • 매직패드(트랙패드) 사용자들 사이에 매우 편하다는 평가가 많음
    • 매직 마우스는 손에 맞게 조작감이 좋은 편으로 다수 사용 중
    • 가격이 고가인 편이라 구매 시 신중 권장
  • 기타: 로지텍 MX Master MX S3 마우스 추천 사례
  • 초보자 팁:
    개발 환경 개선을 위한 장비 선택은 개인 작업 방식, 예산, 휴대성 등을 고려해서 선택해야 함.

면접팁⚡

  • AI 코딩 도구(코파일럿, GPT) 활용 경험과 성능 평가 질문에 대비하기
  • 소셜 로그인 OAuth 2.0 인증 흐름을 단계별로 설명할 수 있도록 준비
  • 프로젝트 일정 산출 및 리스크 관리 경험, 혼자 작업 시 어떻게 문제 해결했는지 구체적으로 말하기
  • 클라우드 도메인 및 DNS 서비스 운영 경험, 비용 및 기능 비교 토론 가능
  • 자동차 보험 및 사고 처리 프로세스에 관한 기초 상식은 개발자라면 사회 생활 이해도 면접에 도움 됨

링크🔗

#Nextjs#React#개발일정#인공지능코딩#소셜로그인#도메인#택시연봉#장비추천#개발자일상#접촉사고