COMMIT.chat
View Bookmarks
react 썸네일react

2025-01-24

목차

  1. 아침 인사와 분위기
  2. 개발할 때 듣는 노래 추천
  3. AI 도구 사용 경험과 비교
  4. /etc/passwd 파일 보안 이슈
  5. 코드 테스트와 테어다운(takedown) 관련 질문
  6. 명절 선물과 회사 문화 이야기
  7. React-icons 번들 사이즈 최적화 논쟁
  8. 기타 소소한 이야기

1. 아침 인사와 분위기

  • 개발자들이 아침 인사를 건네며 하루를 시작함.
  • 재택 근무와 금요일 출근 분위기라 지하철이 텅텅 비어있음.
  • 모두가 같은 방향으로 이동하는 익숙한 상황에 대한 농담도 오감.

2. 개발할 때 듣는 노래 추천

  • 재즈, 노동요, 가요 등 여러 장르 이야기가 나옴.
  • 재즈는 오랜 시간 들으면 질리는 점도 있고, 주로 카페 BGM에서 시작된 경우가 많음.
  • ‘마노이’ 음악 추천과 함께 개발할 때 집중력을 돕는 음악으로 선택됨.
  • 취향에 따라 다른데, 재즈처럼 복잡한 음악은 작업 집중에 영향이 있을 수 있음.
  • 개발할 때 음악을 선택할 땐 너무 복잡한 것은 집중력을 분산시킬 수 있으니, 가볍고 반복적인 리듬이 좋음.

3. AI 도구 사용 경험과 비교

  • OpenAI 클로드, 구글 Gemini AI 등 여러 AI 도구 사용 후기가 오감.
  • 클로드는 답변 제한이 있어 필요에 따라 두 가지 도구를 모두 사용하기도 함.
  • Gemini AI가 활발히 테스트되고 있으며 무료 도구 중 성능 차이가 존재.
  • 구글 AI Studio는 실시간 스트리밍 대화와 프롬프트 생성에 활용됨.
  • AI 도구 선택 시 자신의 필요에 맞는 답변 기준과 속도가 중요하며, 각 도구의 제약과 장점을 파악해야 함.

4. /etc/passwd 파일 보안 이슈

  • /etc/passwd 파일은 리눅스 시스템에서 계정 목록과 사용자 정보를 담고 있음.
  • 비밀번호는 /etc/shadow 파일에 암호화되어 저장되어 있어 이 파일만으로는 비밀번호 유출이 되지 않음.
  • /etc/passwd 파일만 탈취 시 사용자 계정 목록 및 권한 확인이 가능하지만, 직접 로그인 불가.
  • 공격자가 이 파일을 활용해 다음 공격 단계(권한 상승, 사용자 추적 등)에 활용할 수 있음.
  • 보안상 중요한 정보이므로 외부 접근이 차단되어야 함.

5. 코드 테스트와 테어다운(takedown) 관련 질문

  • 테스트 티어다운은 테스트 완료 후 상태를 정리하는 프로세스를 의미함.
  • "테어다운"을 정확히 이해 못하는 사람이 있음.
  • 테스트 자동화 시 테스트 함수가 끝난 후 초기화(cleanup) 작업을 하는 방법이 중요함.
  • Jest, Mocha 같은 테스트 프레임워크에서는 afterEach나 afterAll 훅을 이용해 테스트 상태를 초기화함으로써 테스트 간 간섭을 막음.

6. 명절 선물과 회사 문화 이야기

  • 회사별 명절 선물 다양함: 상품권, 현금, 선물세트(한우, 주류 등)
  • 일부 회사는 설 선물을 주지 않아 아쉽다는 이야기.
  • 전 직장이나 군대 시절의 전화카드, 공중전화 추억담 등 이야기 오감.
  • 편안한 직장 문화와 선물에 따른 직원 만족도 차이가 보임.

7. React-icons 번들 사이즈 최적화 논쟁

  • react-icons 라이브러리 사용 시, 번들 사이즈 문제 중요.
  • react-icons-all-files 패키지로 대체하면 성능 개선된다는 주장과 크게 차이 없다는 주장이 혼재.
  • 핵심은 '트리 쉐이킹(Tree shaking)'— 사용하지 않는 모듈을 번들에서 제거하는 과정인데,
    배럴(Barrel) 파일로 import 하면 트리 쉐이킹이 제대로 동작하지 않음.
  • 따라서 개별 모듈로 import 해야 번들 크기를 줄일 수 있음.
  • Vite, MUI 등 최신 툴들도 배럴 사용 자제를 권장함.
  • 초보 개발자는 배럴 파일이 무엇인지, 트리 쉐이킹이 왜 중요한지 이해해야 효율적인 코드 관리가 가능함.
    • 배럴(Barrel): 여러 모듈을 한 파일에서 다시 export하는 방식
    • 트리 쉐이킹(Tree shaking): 사용하지 않는 코드를 번들에서 제거하는 최적화 과정

8. 기타 소소한 이야기

  • 저녁 메뉴 고민, 고객센터 500 오류, 고양이 사진 공유 등 작은 이야기들
  • 설렁탕, 돼지불백, 족발 vs 닭발 토론
  • 질문 시 구체적인 상황과 코드를 명확히 전달하라는 의견
  • 좋은 질문을 위한 팁인 "Don't Ask To Ask" 정신 추천 (물어볼 때 핵심 정보 포함)

면접팁⚡

  • React 아이콘 라이브러리 최적화 질문 대비: 배럴 파일과 트리 쉐이킹 개념을 명확히 설명할 수 있도록 하자.
  • 보안 질문 대비: /etc/passwd와 /etc/shadow 차이점, 민감 정보 저장 방식을 숙지할 것.
  • 테스트 자동화 질문 대비: 테스트 티어다운 과정과 테스트 격리(독립성)를 위해 왜 초기화가 중요한지 설명 준비할 것.
  • AI 도구 활용 문의 시, 각 도구의 장단점과 제한 사항을 명확히 말할 수 있으면 플러스.

링크🔗

#개발자일상#프론트엔드#보안#AI툴#테스트코드#알코올이야기#패키지최적화#협업문화#리액트
이전 포스트

2025-01-23

2025년 1월 23일
다음 포스트

2025-01-29

2025년 1월 29일