react 썸네일react

2024-03-10

목차

  1. 퍼포먼스와 기분전환 프로젝트
  2. YARN 2버전과 create-vite 문제
  3. 주 4일 근무와 개발시간 현실
  4. 삽질과 코드 회고의 중요성
  5. 상태관리: Redux Saga vs React Query
  6. 초보 개발자 시작법 조언
  7. 인기 온라인 강의 및 강사 토론
  8. 개발자 적성, 공부 방향성
  9. React-Bootstrap 링크 관련 UI 문제
  10. 소셜 & 유머 톤 대화

1. 퍼포먼스와 기분전환 프로젝트

  • 한 개발자는 재미없는 토이 프로젝트 하다가 게시판을 만들며 기분전환함.
  • 간단 프로젝트를 통해 소소한 성취감과 기분전환 효과를 경험할 수 있음.
  • 이런 소규모 작업도 개발자의 동기부여 및 실력 향상에 도움됨.

2. YARN 2버전과 create-vite 문제

  • YARN 2 버전 업그레이드 후 create-vite 명령이 작동하지 않는 문제 발생.
  • 원인: 모듈 타입 설정 오류로, 패키지 설정(package.json) 내 타입 정의가 맞지 않아 생기는 문제일 가능성 있음.
  • 문제 해결 팁: package.json에서 type 필드를 확인, ES 모듈과 CommonJS 간 호환성 점검 필요.

3. 주 4일 근무와 개발시간 현실

  • 주 4일 근무가 실제 개발에선 빡셀 수 있음. 회의, 스크럼 등 비개발 일정이 많아 실제 개발 가능 시간은 훨씬 줄어듬.
  • 예: 주 36시간 근무해도 실제 개발 시간은 28~30시간, 공휴일이 끼면 더 적은 시간 개발 가능.
  • 포괄임금제 등의 근무 조건도 야근 수당 등에 영향을 미침.
  • 현실적인 주 4일 근무 도입 시 업무량과 일정 조정을 함께 고민해야 함.

4. 삽질과 코드 회고의 중요성

  • 개발 과정에서 삽질을 통해 쉽게 가는 길을 발견하는 경험은 매우 중요함.
  • "버그도 생명"이라는 말처럼 버그가 많은 경험이 결국 좋은 코드를 만드는 디딤돌임.
  • 코드 회고를 꾸준히 하면 더 높은 레벨의 개발자로 성장 가능.
  • 초보자도 버그를 두려워하지 말고 문제 해결 경험을 쌓는 게 중요.

5. 상태관리: Redux Saga vs React Query

  • Redux Saga와 React Query는 목적과 사용 방식이 다름.
    • Redux Saga: 복잡한 비동기 액션 처리, 사이드 이펙트 관리를 위해 제네레이터 함수 사용. 요청 수 조절(throttling, debouncing) 등에 강점이 있음.
    • React Query: 서버 상태 관리에 초점을 맞추며, 캐싱과 자동 동기화 기능 제공. API 데이터 fetching에 유용함.
  • Redux Toolkit 내부에 React Query 비슷한 기능(탠스택 쿼리)도 있어 새 프로젝트에서는 해당 기능 고려 가능.

6. 초보 개발자 시작법 조언

  • 생활코딩과 프로그래머스 0단계 문제 등 초보자가 쉽게 접근할 수 있는 강의와 문제 추천.
  • 별찍기 프로그램(별 모양 패턴 출력) 같은 알고리즘 문제도 입문용으로 도움 됨.
  • 유튜브 강의나 온라인 인강은 흥미를 잃지 않는 범위 내에서 선택하는 게 좋아서, 개인 취향에 맞는 강사 찾기가 중요함.
  • 장기적으로 웹이나 앱 만들기 프로젝트를 목표로 삼아 차근차근 완성해보는 방식을 권장.

7. 인기 온라인 강의 및 강사 토론

  • 코딩애플, 생활코딩, 드림코딩, 니코쌤 강의 등 다양한 의견이 나옴.
  • 강의가 재미 위주로 흥미를 끄는 경우가 많아 내용은 얕지만, 입문자에게 동기부여가 될 수 있음.
  • 반면, 일정 강의의 부정확한 내용에 대한 우려도 존재해 신뢰성 따져보며 선택 필요함.
  • 본인에게 맞는 강의를 찾아 꾸준히 듣는 게 가장 중요.

8. 개발자 적성, 공부 방향성

  • 개발자는 평생 공부해야 하는 직업이라는 점을 인지해야 함.
  • 장기간 꾸준히 흥미를 유지할 수 있는지 스스로 점검 필요.
  • 장기적인 목표 설정 (기획자 → 개발자 전환 등)도 현실적 조언.
  • 주변 환경과 비슷한 개발자를 접하면서 자극을 받는 것도 동기부여에 도움.
  • 중도 포기도 흔하므로, 본인 적성에 맞는지 조기 체험을 추천.

9. React-Bootstrap 링크 관련 UI 문제

  • react-bootstrap에서 <a> 태그와 기능은 정상 작동하지만 UI 요소가 인식되지 않는 문제 제기됨.
  • 의문점: ul(li) 태그 또는 UI렌더링 문제일 수 있으므로, 컴포넌트 구조와 CSS 스타일링 재점검 권장.
  • 개발 과정에서 UI와 기능 분리가 중요하며, 버그 발생 시 DOM 구조 및 스타일 확인 필요.

10. 소셜 & 유머 톤 대화

  • 대화 중간중간 개발자 특유의 유행어, 별명, 농담, 커뮤니티 표현(예: "킹갓 주스탄물", "소방관 필요해요") 등장.
  • 개발자의 인간적인 면과 친목 모습도 엿볼 수 있어, 커뮤니티 분위기 이해에 도움됨.
  • 이런 유머와 친분 대화는 개발자 커뮤니티 문화의 일부로 긍정적으로 작용.

면접팁⚡

  • 상태관리 툴 중 Redux Saga와 React Query의 차이점을 명확히 이해하고 설명할 수 있어야 함.
  • YARN 2 버전과 모듈 시스템 관련 문제 해결 경험을 구체적으로 말할 수 있으면 좋음.
  • 개발 과정에서 버그를 겪고 해결한 경험, 코드 회고를 통한 성장 스토리를 구체적으로 준비하면 긍정 평가.
  • 주 4일 근무 혹은 워라밸 관련 질문에 대해 현실적인 견해를 제시하는 것도 면접에 도움될 수 있음.
  • 자신과 비슷한 사람이 주변에 있고, 개발을 통해 어떻게 성장했는지 사례 공유도 인상적임.

링크🔗

#개발팁#React#상태관리#초보개발자#개발공부#개발강의#YARN#ReduxSaga#ReactQuery#코딩동기부여