2024-12-30

목차

1. 개발자 직업과 존중의 가치
2. React Query와 오프라인 네트워크 전략
3. React 서버 컴포넌트와 하이드레이션 문제
4. 타입스크립트 문법 이슈 토론
5. 파이썬 GUI 관련 이야기
6. 이직과 커리어 고민 공유
7. react-grid-layout에서 버튼 이벤트 문제 해결 방법
8. 과제 제출과 리드미 작성 팁
9. 개발자 일상과 건강, 운동 이야기
10. 분위기와 소소한 대화

1. 개발자 직업과 존중의 가치 ❤️

• 개발자는 가치를 만들어내는 직업으로서 존중받아야 함.
• 본인의 일을 쉽게 여기지 말고 스스로 가치를 인정하며 일할 필요가 있음.
• "진정성이 고유성이 되려면 시간의 축적이 필요하다"는 말을 공유하며 꾸준한 노력을 강조.
• 주변 동료들과 서로 리스펙하며 긍정적인 마인드 유지가 중요.

2. React Query와 오프라인 네트워크 전략 📡

• React Query를 사용할 때 네트워크 상태(on/off)에 따라 UI에 토스트 메시지를 띄우는 방법 소개.
• 오프라인 기간 동안 발생한 요청을 기억해놓았다가 온라인이 되면 자동으로 재실행하는 전략 중요.
• 공식 문서 및 블로그(링크) 참고해서 구현 가능.
• 초보자에게는 네트워크 변화 감지, 요청 큐잉과 재실행 방식의 이해가 필요함.

3. React 서버 컴포넌트와 하이드레이션 문제 🧩

• React 서버 컴포넌트 사용 시 "하이드레이션" 과정에서 예민한 이슈가 많다고 토론.
• 하이드레이션(hydration)은 서버에서 렌더된 HTML에 클라이언트가 React 기능을 붙이는 과정.
• 이 과정이 민감해서 오류나 렌더링 문제로 이어질 수 있음.
• 주의 깊은 상태 관리와 UI 동기화가 필요하며, 최신 React 버전에서 개선되고 있음.

4. 타입스크립트 문법 이슈 토론 💬

• JS 파일 같지만 타입스크립트 문법이 섞여 혼란스러운 코드 발견.
• 타입스크립트는 자바스크립트의 슈퍼셋으로 타입을 지정해 코드 안정성 강화.
• 예시 문법(예: if (value === '' + (expected: any)) 같은 타입 어노테이션이 포함된 코드)로 어려움 토로.
• 초보자라면 타입스크립트 공식 문서 및 학습 자료를 통해 문법 이해를 높이는 것이 중요.

5. 파이썬 GUI 관련 이야기 🐍

• 파이썬 GUI 개발 방식 및 사용 라이브러리에 대한 토론 (PyQt, QtPy, Django 등).
• PyQt는 파이썬 바인딩을 통한 Qt 프레임워크 GUI 개발 도구.
• GUI 개발 경험이 적은 개발자도 많고, 주로 백엔드 개발과 구분되는 부분임.
• AI 모델 탑재나 소통 문제로 파이썬 스킬 인정되는 상황도 소개됨.

6. 이직과 커리어 고민 공유 💼

• 월급 밀림, 회사 상황 안 좋을 때 이직 고민 사례 공유.
• 경력이 짧거나 이직이 잦을 때 느끼는 부담과 현실적인 조언 오감.
• "월급 밀리면 버티지 말고 나오는 게 낫다"는 의견과 함께 이직 준비 조언도 많음.
• 과제 제출 시 README 미작성 문제도 질문, 가능한 빨리 채워서 제출해두는 것이 좋음.

7. react-grid-layout의 이벤트 이슈 🛠️

• react-grid-layout 위젯(item) 내에 있는 삭제 버튼 클릭이 잘 동작하지 않는 문제.
• 이슈는 그리드 내 드래그 이벤트가 내부 버튼 클릭 이벤트를 막아서 발생함.
• 해결책: 이벤트 버블링 차단(stopPropagation)을 활용하여 버튼 클릭 이벤트가 그리드에 전달되지 않게 처리.
• 사용자 편의를 위해 클릭만으로도 작동하도록 세심한 이벤트 핸들링 중요.

8. 과제 제출과 README 작성 팁 📄

• 과제를 제출할 때 README 파일을 완전히 작성하지 못한 경험 공유.
• 가능하면 기본이라도 작성해 제출하고, 이후에라도 보완하는 것을 권장.
• PR로 제출시 별도 메일 제출이 필요없을 수도 있으나, 상황에 맞게 확인 필요.
• 완성도 높은 과제 제출이 이직이나 평가에 긍정적 영향.

9. 개발자 일상과 건강, 운동 이야기 🏃‍♂️

• 개발자들 사이에서 운동과 체력 관리 고민 다수 공유.
• 하프 마라톤 목표를 가진 분 있고, 꾸준한 조깅과 운동의 중요성 강조.
• 체중 감량보다 달리기 거리 향상 목표를 두고 지속 가능한 운동 습관 권장.
• 몸 관리와 스트레스 해소는 장기적인 개발자 커리어 유지에 필수.

10. 분위기와 소소한 대화 😄

• 개발자들 사이 유쾌한 고백 농담, 애칭, 토론 분위기.
• "고백 공격", "스쿨 매니지먼트 액터" 등 재미있는 별명과 드립도 다수.
• 스트레스 해소와 동료 간 유대 강화에 긍정적 영향을 미침.

면접팁⚡

• React Query: 오프라인 상태 처리 방식 질문받을 수 있으니, 네트워크 상태 감지와 요청 재시도 전략 정리해두기.
• React 서버 컴포넌트 하이드레이션 문제: SSR과 클라이언트 사이 렌더링 이슈 이해 및 대비.
• 타입스크립트 문법: 기본 타입 어노테이션과 복잡한 문법 구별할 줄 알기.
• react-grid-layout: 이벤트 버블링 및 stopPropagation 원리 이해와 실무 적용 경험 어필 가능.
• 커리어 고민: 어려운 상황 대응 및 팀워크, 스트레스 관리법에 대한 솔직한 답변 준비.

링크🔗

• React Query 오프라인 네트워크 처리: https://velog.io/@skiende74/React-Query-공식문서-네트워크-오프라인-상태-잘-처리하기
• 타입스크립트 관련 코드 리액트 PR: https://github.com/facebook/react/pull/26507/files#diff-c433035a25e06d30775e6af894ebbc46cfb65bac46d34953378adad572f438a2R176
• 번역 앵귤러 19 설명: https://medium.com/@jiwoochoics/%EB%B2%88%EC%97%AD-%EC%95%B5%EA%B7%A4%EB%9F%AC-19%EB%A5%BC-%EB%A7%8C%EB%82%98%EB%B3%B4%EC%84%B8%EC%9A%94-25a133ef5e74
• 개발자 이슈와 리드미 작성 보충: https://youtu.be/-MP-sfOUr3A?si=T1hFe4ay0lEXAX6w