2024-02-24

목차

1. 고용과 부당해고 이슈
2. 인공지능(AI)과 프로그래밍의 미래
3. TypeScript 제네릭과 타입 시스템
4. API 문서 공유 및 인증 방법
5. 사내 VPN과 메신저 감시 이슈
6. 소프트웨어 마에스트로(소마) 및 코딩 테스트 후기
7. UI 스타일링: TailwindCSS, React 상태관리
8. 리액트 상태관리 라이브러리 비교 및 사용 팁
9. React와 Next.js 차이 및 학습 추천
10. 리액트 개발자 구인 공고

1. 고용과 부당해고 이슈

• 회사가 근로자를 짜르기는 법적 제약이 많아서 쉽지 않음.
• 부당해고에 해당하면 법적으로 보호받을 수 있음.
• 정신적 압박이나 시비걸기 등 스트레스로 내보내는 경우도 있으나 법적으로 문제 소지가 큼.
• 실업급여를 받으라고 일부러 해고하는 경우가 있는데 회사가 큰 불이익을 받는 경우는 별로 없음.

부당해고란?
법적으로 정당한 사유 없이 노동자를 해고하는 경우를 뜻함. 근로기준법과 노동조합법에서 보호 대상임.

2. 인공지능(AI)과 프로그래밍의 미래

• AI가 프로그래밍 일부를 대체할 가능성이 커지고 있음.
• AI는 무수한 입력(input)과 출력(output)을 학습해 사람과 비슷하게 이해하려 함.
• 100% 대체는 어렵지만, 약 60%까지 대체 가능할 것으로 전망.
• 백엔드 같은 논리적 반복 작업은 AI가 좀 더 쉽게 대체할 수 있다고 보임.
• 프론트엔드처럼 창의적이고 미세한 조정이 필요한 작업은 인간 개발자가 오래 할 수 있음.
• 구글이 LLM(커다란 언어 모델)을 오픈소스화하면서 개발 환경이 빠르게 변함.

3. TypeScript 제네릭과 타입 시스템

• K in keys 같은 제네릭 문법은 mapped type을 정의할 때 쓰임.
• Record<key, value> 타입은 key와 value 쌍을 명시적으로 선언할 때 많이 이용됨.
• 인덱스 시그니처({ [key: string]: type })는 객체의 임의 키에 대해 타입 지정하는 용도.
• 제네릭을 활용하면 타입 안전성과 재사용성을 높일 수 있음.

초보 팁:

• mapped type은 타입의 키를 변환하는 데 쓰임. 예를 들어, { [K in keyof T]: U }
• Record 타입은 { [key: string]: valueType } 선언을 간단히 하게 해줘서 많이 쓰임.

4. API 문서 공유 및 인증 방법

• SwaggerUI를 통해 API 문서를 웹에 배포하고 팀원이 접근하도록 하는 경우, 인증이 중요한 이슈로 떠오름.
• 인증이 없으면 URL만 알면 누군가가 API 문서를 조회하고 테스트 요청도 할 수 있음.
• 사내 정책에 따라 내부망에서만 접근 가능하도록 하거나 VPN을 통해 접근 권한을 관리하는 방식이 많음.
• 키 기반 인증을 Swagger에 연동해 테스트할 수도 있음.

5. 사내 VPN과 메신저 감시 이슈

• 회사 VPN을 통해 사내 인터넷 트래픽 및 메신저(예: 슬랙) 메시지 감시가 가능함.
• 관리자는 슬랙 개인 DM도 확인할 수 있어 사내 메신저 활용 시 주의가 필요함.
• 컴퓨터가 회사 자산이라면 법적으로 정당한 사유가 있을 경우 내부 정보 검토가 가능.
• VPN 사용자가 많아지면서 재택근무 감소 추세, 사내 보안 정책이 까다로워지고 있음.
• 구글 워크스페이스나 네이버웍스 같은 업무용 메신저도 마찬가지 감시 대상이 될 수 있음.

6. 소프트웨어 마에스트로(소마) 및 코딩 테스트 후기

• 소마 15기 코딩 테스트가 있었고, 난이도는 쉬운 편이나 오랜만의 알고리즘 문제 풀이로 어려웠다는 후기.
• 소마는 소프트웨어 마에스트로라는 국내 유명 개발자 양성 프로그램임.
• 개발자들 사이에서 지속적인 알고리즘 공부와 코딩 테스트 준비가 필수로 여겨짐.

7. UI 스타일링: TailwindCSS, React 상태관리

• TailwindCSS 사용이 점점 대세로 자리 잡음. 유틸리티 클래스 기반으로 빠른 스타일링 가능.
• Tailwind용 크롬 익스텐션, Figma 플러그인 등 도구들이 많아져 편의성 향상됨.
• classNames 라이브러리와 같이 쓰면 className 조합이 간편해지고 가독성 증가.
• Tailwind는 CSS 추상화를 최소화하여 직관적인 스타일 적용을 목표로 함.

8. 리액트 상태관리 라이브러리 비교 및 사용 팁

• Zustand는 간단하면서도 퍼포먼스 좋다는 평가를 받으며 많은 개발자가 사용.
• Redux, React Query 등과 함께 사용하면 데이터 캐싱과 상태 관리에 강점을 가져갈 수 있음.
• Context API는 전역 상태 공유용보다는 특정 컴포넌트 범위 내 상태 관리에 적합.
• 사용자 경험 및 프로젝트 규모에 따라 적절한 상태관리 방법 선택 중요.

9. React와 Next.js 차이 및 학습 추천

• React는 UI 라이브러리이며, Next.js는 React 기반의 서버 사이드 렌더링(SSR) 프레임워크.
• Next.js는 SEO, 초기 로딩 속도 개선 등 CSR(Client Side Rendering)만 하는 React에 없는 기능을 추가 제공.
• React 패턴 및 구조, TypeScript 포함 학습은 온라인 강의나 참고서적 권장.
• Next.js와 React의 핵심은 같지만 사용 목적과 환경이 다름을 알고 접근하길 권장함.

10. 리액트 개발자 구인 공고

• 미국 실리콘밸리 엑셀러레이터 자문을 받는 스타트업 '트렌핏'에서 리액트 풀스택 개발자 모집 중.
• 업무: 리액트 기반 웹 개발, NoSQL Firebase 경험 우대, API 연동 업무 포함.
• 근무 형태: 대면/재택 혼합, 인천 근무 예정, 3월 31일까지 지원 가능.
• 연봉: 경력 따라 2400~4000만원 협의, 성과에 따라 스톡옵션도 제공.

면접팁⚡

• 부당해고 관련 법률 지식은 기본적인 노동법 질문에 대비하면 좋음.
• AI와 프로그래밍의 융합 트렌드를 이해하고, AI가 개발 업무에 미치는 영향에 대해 말할 수 있도록 준비.
• TypeScript 제네릭과 mapped type과 같은 고급 타입 시스템 이해도 질문 대비 필수.
• API 보안 인증, 특히 SwaggerUI 활용 시 인증 설정 경험에 대해 이야기할 준비.
• 리액트 상태관리 라이브러리(예: Zustand, Redux, Context API) 특성 및 적절한 사용 상황 파악.
• React와 Next.js의 차이를 명확히 알고, 각각의 장점과 사용처를 설명하길 권장함.

링크🔗

• TailwindCSS 공식 Docs: https://tailwindcss.com/
• Tailwind Chrome extension by Gimli: https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl
• TypeScript Mapped Types: https://www.typescriptlang.org/docs/handbook/2/mapped-types.html
• Zustand 공식 GitHub: https://github.com/pmndrs/zustand
• React Query: https://react-query.tanstack.com/
• Swagger OpenAPI Spec: https://swagger.io/specification/
• 소프트웨어 마에스트로: https://swmaestro.org/
• 트렌핏 리액트 개발자 채용 문의: [email protected]