COMMIT.chat
View Bookmarks
react 썸네일react

2025-01-08

목차

  1. React 빌드 및 컴파일 이해
  2. Typescript와 Node.js 최신 지원
  3. 커리어 & 이직 고민
  4. 프론트엔드 라이브러리 및 UI 컴포넌트
  5. 언어 전환과 기술 트렌드 토론
  6. 커뮤니티와 개발 문화
  7. 업무 환경과 근무 조건 이야기
  8. 닉네임과 커뮤니티 에피소드
  9. 개발자 일상 및 잡담
  10. 연봉 및 복지 관련 이야기

1. React 빌드 및 컴파일 이해 🛠️

  • React 프로젝트를 실제 배포용으로 만들려면 빌드 과정이 필요함.
  • Babel은 최신 자바스크립트 문법(예: JSX)을 구형 브라우저 호환 가능한 코드로 변환해줌.
  • JSX 문법은 <div></div> 같은 HTML 태그를 React.createElement 함수 호출로 바꿔주는 역할을 함.
  • 빌드 도구는 보통 Webpack, Babel, 그리고 TypeScript 컴파일러 등을 조합해서 사용함.
  • npm run build 명령어를 통해 최종적으로 브라우저에서 읽을 수 있는 자바스크립트 번들 파일을 만듦.

초보자 팁

  • JSX는 React가 React.createElement 호출을 자동으로 생성해주는 문법으로 간단히 HTML처럼 쓸 수 있게 해줌.
  • Babel의 react-preset은 이런 JSX 문법을 일반 자바스크립트로 변환하는 중요한 역할을 함.
  • 빌드가 꼭 필요한 이유는 브라우저가 최신 문법이나 JSX를 바로 이해하지 못하기 때문임.

2. Typescript와 Node.js 최신 지원 🔧

  • 최근 Node.js에서는 Typescript를 네이티브로 실행하는 실험 기능이 추가되고 있음.
  • --experimental-strip-types 같은 플래그를 통해 실행시 자동으로 타입 정보를 제거하고 JS로 변환 가능.
  • 이는 별도의 빌드 없이도 바로 Typescript 코드 실행을 시도할 수 있게 하는 기능임.
  • 다만 아직 실험적 기능이므로 경험과 상황에 맞게 도입 권장.

설명

  • TypeScript는 자바스크립트에 타입 체킹 기능을 더한 언어
  • 일반적으로 TS 코드는 브라우저나 Node에서 실행 전에 JS로 컴파일 필요
  • 최신 Node.js는 일부 TS 문법을 직접 인식하고 처리하는 기능 개발 중

관련 링크

3. 커리어 & 이직 고민 💼

  • 소프트웨어 개발자 3년 차 기준, 연봉 6천만원에서 야근 30시간 시 전제로 대기업 9천만원 제안은 좋은 조건.
  • 하지만 커리어 성장을 위해 네카라쿠배(네이버, 카카오, 라인, 쿠팡, 배민) 등 대기업으로 이직 고려 중.
  • 커리어 발전과 급여, 근무 환경의 균형에 대해 적극적 고민 중임.
  • 많은 개발자가 "좋은 근무 환경과 고용 안정성"을 선호하지만 기술 성장도 중요하게 여김.

4. 프론트엔드 라이브러리 및 UI 컴포넌트 🖥️

  • 토스트 UI, PrimeReact, React Quill 등 다양한 UI 컴포넌트 사용 언급.
  • PrimeReact는 React 기반 UI 라이브러리로 에디터 기능을 제공하며, 토스트 UI와 비슷한 역할.
  • React Quill 기반 에디터는 Quill.js라는 오픈소스 리치 텍스트 편집기를 React 환경에서 사용할 수 있게한 래퍼.
  • 사용자 인터페이스와 UX 측면에서 다양한 오픈소스와 직접 제작 솔루션이 공존함.

5. 언어 전환과 기술 트렌드 토론 🌐

  • PHP → Java → Kotlin / Swift 이동과 비슷한 언어 전환 경험에 대해 토론.
  • TypeScript로의 전환은 JS 개발자의 자연스러운 다음 스텝으로 여겨짐.
  • Java 대신 PHP나 프레임워크(라라벨, 코드이그나이터) 사용 사례 이야기도 활발했음.
  • 최신 흐름 중 하나는 Rust 등의 시스템 언어 붐이 점차 확산 중이며, 안정성과 성능 향상에 초점.

6. 커뮤니티와 개발 문화 🤝

  • 개발자 커뮤니티에서 라라벨 운영진, 뷰(Vue) 번역 팀, React 커뮤니티 등 다양한 역할 이야기 공유.
  • 닉네임 문화, 권위 있는 '방장' 이야기로 친밀감과 유대감 형성함.
  • 개발자들끼리 친목 도모, 농담과 유머가 함께하는 문화가 형성되어 있음.

7. 업무 환경과 근무 조건 이야기 🕒

  • 야근, 연차 신청, 유연근무제, 코어타임 관련 에피소드 등장.
  • 5시 퇴근을 희망하지만 회의와 업무 일정 때문에 조정이 필요함.
  • 유연근무제 도입이 있더라도 코어타임이 있어 완벽한 자유는 어려운 현실 공감.
  • 퇴근 문화, 회식, 점심 추천 등 일상 소소한 대화도 많았음.

8. 닉네임과 커뮤니티 에피소드 🎭

  • 닉네임의 재미와 불편함, 각종 유머와 별명 이야기
  • 실제 인물이나 커뮤니티 내 권위자들에 대한 친근한 이야기와 장난들이 오감.
  • 닉네임이 소통에 주는 영향과 친밀감을 증진시키는 요소를 재확인 가능.

9. 개발자 일상 및 잡담 ☕️

  • 공부 계획, 운동, 취미 활동(유튜브 강의 촬영)과 관련된 이야기
  • 기술 서적 읽기, MDN 활용법, 하루에 한 줄씩 학습하기 같은 자기개발 팁 등장
  • 일상 속에서 업무 외적으로 소통하는 모습 확인

10. 연봉 및 복지 관련 이야기 💰

  • 신입 연봉 3,300만원 수준과 3% 연봉 인상 사례 공유
  • 5,000만원 정도 연봉 및 인상률에 대한 비교와 고민 토론
  • 연봉 비공개 문화, 신뢰 문제, 급여 의견 교환
  • 일본과 국내 퇴직금 제도 차이
  • 개발자들의 현실적 보상과 복지 논의

면접팁⚡

  • React 프로젝트 면접에서 빌드 프로세스 이해도를 질문받을 수 있음.
    • JSX가 어떻게 JavaScript로 변환되는지, Babel 역할 설명 준비
  • Node.js 환경에서 TypeScript 지원 여부와 실행 방식에 대해 질문 있을 수 있음.
  • UI 라이브러리 사용 경험(ex. PrimeReact, React Quill)과 자신이 직접 제작한 경험 공유하면 좋음.
  • 기술 트렌드 변화와 개인 커리어 방향성에 대한 고민을 묻는 질문 대비
  • 협업 문화, 커뮤니티 활동 경험도 긍정적 포인트로 작용 가능

링크🔗

#React#Typescript#NodeJS#커리어#이직#프론트엔드#개발환경#커뮤니티#연봉#근무조건
이전 포스트

2025-01-07

2025년 1월 7일
다음 포스트

2025-01-09

2025년 1월 9일