2024-01-16

목차

1. 아재그리드와 엔터프라이즈 라이선스
2. 넥스트JS 버전별 특징과 공부 방향
3. React Query(리액트 쿼리)의 활용과 성능 논쟁
4. 프론트엔드 vs 백엔드 개발 역할과 커뮤니케이션
5. 인턴/수습 근로계약과 퇴사 팁
6. 연말정산과 소득세 감면 제도 이해
7. 모노레포 도구 비교 및 선택 이유
8. 개발자 포트폴리오(포폴)의 중요성과 현실
9. 자바스크립트 비동기 처리 원리 및 면접 대비
10. 기타 개발 관련 Q&A 및 커뮤니티 분위기

1. 아재그리드와 엔터프라이즈 라이선스

• 아재그리드(ag-Grid)는 강력한 React용 데이터 그리드 라이브러리임.
• 엔터프라이즈 라이선스는 1년 단위 갱신 또는 영구 라이선스 형태가 있음.
• 가격 정책 예: 1앱에 $999, 여러 앱 사용 시 추가 비용 부과.
• 장점: 요구사항이 많거나 복잡한 테이블 기능 필요 시 시간 절약 가능.
• 단점: 라이선스 갱신 시 비용 부담이 있음, 사용 조건에 따라 재사용 제한이 있을 수 있음.
• 직접 개발하려다 삽질 경험 공유와 내부 NPM 공개 계획 언급.

2. 넥스트JS 버전별 특징과 공부 방향

• Next.js 13과 14버전에는 App Router 사용 여부 등에서 큰 차이가 있음.
• 최신 기능 및 앱 라우터 사용을 위해서는 14버전부터 공부 시작하는 것을 권장.
• 서버 컴포넌트, 번들러 등의 미묘한 변경사항 다수 존재.
• 실제 현업에서는 12, 13, 14버전 순서로 단계적 업그레이드 하는 경우도 많음.
• 프론트엔드 환경 변화가 빠르므로 변화를 두려워하지 않고 학습 필요.

3. React Query(리액트 쿼리)의 활용과 성능 논쟁

• React Query는 데이터 fetching과 캐싱 편의성을 제공하는 라이브러리.
• 장점: 코드 간결화, 상태 관리 간소화, 개발 편의성 향상.
• 단점: REST API 기반에서 쓸 경우 성능 저하 가능성 있음.
• 성능은 GraphQL과 같은 효율적 데이터 쿼리 API 환경에서 더 빛남.
• 면접 시 성능 질문 대비, React Query는 개발자 경험(DX)에 치중된 도구임을 인지할 것.
• 실제 개발환경에 따라 적절히 사용 여부 판단 필요.

4. 프론트엔드 vs 백엔드 개발 역할과 커뮤니케이션

• 팀 협업에서 커뮤니케이션은 성공적 프로젝트의 필수 요소임.
• 프론트엔드는 UI/UX, 사용자 경험 직접 구현 담당으로 여러 부서와 소통이 잦음.
• 백엔드는 서버, API, 데이터베이스 등을 다루며 프론트와 지속 협력.
• 커뮤니케이션 부족 시 업무 충돌, 개발 지연 우려 발생.
• 혼자 개발하는 환경일수록 소통 부담 적지만 협업 시 어려움 커짐.
• 면접에서도 소통능력, 협업 경험 중요하게 평가됨.

5. 인턴/수습 근로계약과 퇴사 팁

• 인턴: 교육·훈련 목적의 근로형태, 정규직 전환 보장 없음.
• 수습: 근로계약 후 실제 근무를 평가하는 기간, 수습 종료 후 정규직 전환.
• 인턴 퇴사는 보통 며칠 내 가능하며, 인사팀에도 퇴사의사 명확히 전달해야 함.
• 수습 중 업무 성과 미흡 시 해고 가능성 존재.
• 회사 정책과 노동법을 확인하고, 부당대우 시 증거 수집 필수.

6. 연말정산과 소득세 감면 제도 이해

• 연말정산은 직장인이 납부한 세금을 조정해 환급 또는 추가부과하는 절차.
• 중소기업 청년 감면 제도: 만 34세 이하 중소기업 근로자 소득세 70~90% 감면, 연 200만원 한도.
• 최초 취업일 기준으로 3~5년간 감면 혜택 적용.
• 인적공제 및 기부금공제 등으로 과세표준을 낮출 수 있음.
• 실업급여 등 노동 관련 혜택도 알아두면 유용.
• 세무사 상담은 비용이 들 수 있으나, 복잡한 경우 전문가 도움 권장.

7. 모노레포 도구 비교 및 선택 이유

• 모노레포란 여러 프로젝트를 하나의 저장소에서 관리하는 방법.
• 대표 도구: pnpm(workspace), lerna, yarn workspace, turbo repo 등.
• pnpm은 symlink 기반으로 빠르고 경량, 최근 인기 상승.
• lerna는 이전보다 관리 복잡해졌고, 일부 기능 미지원.
• 팀 규모, 프로젝트 규모, 빌드 시스템에 따라 적합한 도구 선택 중요.

8. 개발자 포트폴리오(포폴)의 중요성과 현실

• 신입 개발자는 포트폴리오가 취업에 큰 도움이 됨.
• 경험 많은 개발자라도 깔끔한 포폴은 긍정적 인상을 줌.
• 포폴은 복잡하지 않고 내가 잘 다룰 수 있는 기술을 분명히 보여주는 것이 좋음.
• 시장 상황에 따라 포폴의 필요성은 달라지나 기본 준비는 권장.

9. 자바스크립트 비동기 처리 원리 및 면접 대비

• JS는 싱글 스레드 기반으로 동기 작업만 수행 가능하나, 비동기 작업은 이벤트 루프(event loop), 콜백 큐, 프로미스(Promise) 등 메커니즘으로 구현됨.
• 비동기 작업 덕분에 UI가 멈추지 않고 서버 응답을 기다릴 수 있음.
• 이벤트 루프는 콜 스택이 비어 있을 때 콜백 큐에 있는 함수를 실행함으로써 동시성 처리.
• 면접 질문 예시는 자바스크립트의 비동기 처리 원리를 정확히 설명하는 것이 핵심.

10. 기타 Q&A 및 커뮤니티 분위기

• VSCode 맥에서 입력 버그 경험 공유 및 해결 방법(재설치 권장).
• 프론트엔드 상태관리: 저장소(store)를 한 개 사용할지 여러 개로 나눌지 팀별·상황별 차이 있음.
• React 컴포넌트에서 props와 state 관리 관련: props는 읽기전용이며, 변경에 반응하려면 useEffect로 상태 업데이트 관리 필요.
• API 호출 위치: 일반적으로 해당 컴포넌트에서 관리하거나 커스텀훅 활용 권장, 팀별 정책 다양.
• 커뮤니티 내 활발한 소통과 유머 섞인 대화가 돋보임, 개발 스트레스 해소에도 도움 됨.

면접팁⚡

• JS 비동기 처리: 이벤트 루프와 프로미스 체인을 핵심적으로 설명할 것.
• 라이선스 계약: 기업에서 라이선스 갱신 정책에 따른 비용과 제한 사항을 이해하고 있는지 질문 가능.
• 커뮤니케이션 능력: 협업 시 발생하는 문제 상황과 해결 경험을 구체적으로 말할 준비.
• React Query 사용 이유: 성능보다 개발 생산성(DX) 측면에서 장단점을 균형있게 설명.
• Next.js 신버전 학습: 최신 버전에 대해 공부하고 있고, 변화에 적극 대응하는 태도를 보여줄 것.

링크🔗

• 아재그리드 엔터프라이즈 라이선스: https://www.ag-grid.com/license-pricing/
• Next.js 공식 문서: https://nextjs.org/docs
• React Query GitHub: https://github.com/TanStack/query
• 중소기업 청년 소득세 감면 안내: https://www.nts.go.kr/nts/cm/cntnts/cntntsView.do?mi=40632&cntntsId=239023
• pnpm 모노레포: https://pnpm.io/ko/symlinked-node-modules-structure
• React 상태 초기화 관련: https://velog.io/@kairase024/Props%EB%A5%BC-React.useState-%EC%9D%98-%EA%B8%B0%EB%8A%A5-%EC%9D%98%EC%9A%A9%ED%95%98%EC%A7%80-%EB%A7%88%EC%8B%AD%EC%8B%9C%EC%98%A4
• 16Personalities MBTI 테스트: https://www.16personalities.com/ko/%EB%AC%B4%EB%A3%8C-%EC%84%B1%EA%B2%A9-%EC%9C%A0%ED%98%95-%EA%B2%80%EC%82%AC