COMMIT.chat
View Bookmarks
react 썸네일react

2024-03-12

목차

  1. 인삿말 및 분위기
  2. 비트코인과 경제적 자유 이야기
  3. 출퇴근과 재택근무 경험
  4. 개발 이슈: CORS와 OPTIONS 메서드
  5. TypeScript void 타입과 타입 추론
  6. React 컴포넌트 설계 및 Props 깊이
  7. TS-Pattern과 ReScript 이야기
  8. 링크(Link) 컴포넌트를 통한 GET 파라미터 전달
  9. 소프트웨어 개발자 일상과 스트레스 관리
  10. 음식과 간식, 소소한 일상 이야기

1. 인삿말 및 분위기

  • 아침 인사와 날씨 이야기로 시작, 비 오는 날 몸이 무거운 느낌 공유
  • 개발자들의 일상 토크와 농담, 가벼운 수다로 방 분위기 활발함
  • 채팅방 규칙 및 윤리적 대화에 관한 공지문에 대한 반응도 있었음

2. 비트코인과 경제적 자유 이야기

  • 비트코인을 10개 정도 보유하면 경제적 자유가 가능하냐는 농담과 진지한 토론
  • 과거 비트코인을 알바 대가로 받은 경험 이야기가 오갔고, "할 걸" 하는 후회 담긴 감정도 등장
  • 부자들이 하는 일상(골프, 택시 출근 등)에 대한 관심과 현실적 의견 공유

3. 출퇴근과 재택근무 경험

  • 회사 근처 이사, 재택근무 방식, 출퇴근 시간에 대한 다양한 경험 공유
  • "반재택"과 "완전 출근"의 차이, 택시 출퇴근의 장단점 토의
  • 같이 저녁먹는 독거청년 이야기와 외로움 해소법 공유

4. 개발 이슈: CORS와 OPTIONS 메서드

  • CORS 이슈에 대한 경험담 나눔 (특히 AWS S3 환경)
  • OPTIONS 메서드는 클라이언트가 서버와 특정 리소스에 대해 지원하는 HTTP 옵션을 확인하는 요청임
    • 보통 CORS 프리플라이트 요청에서 활용되지만, OPTIONS 자체는 단순히 서버 기능 확인용임
    • 클라이언트가 커스텀 헤더 등으로 요청할 때 서버가 허용하는지 문의하기 위해 사용
  • 프리플라이트 요청은 실제 데이터 요청 전에 진행되는 사전 요청이며, "간단한(Simple) 요청"엔 필요 없음
  • AWS 정책 복잡성과 에러 해결 팁 공유 (forbidden header vs simple request 등)

5. TypeScript void 타입과 타입 추론

  • function a(): void { return 123 }는 오류지만, 명시하지 않은 함수에서의 return 123은 타입 추론에 의해 허용됨
  • void 타입은 함수가 값을 반환하지 않음을 명시하며, 실제 반환값이 있으면 오류 발생
  • TypeScript의 타입 추론은 함수 반환값에 따라 자동으로 타입 지정해주는 기능
  • 공부 초기에 자주 겪는 혼란과 좋은 질문법에 대한 조언
  • 개발자들 간의 소통 매너와 오해 해소 필요성 강조

6. React 컴포넌트 설계 및 Props 깊이

  • Props의 depth(깊이)는 중요하지 않고, 컴포넌트가 자신의 관심사와 관련없는 데이터를 받을 때 문제 발생
  • 좋은 컴포넌트 설계 기준은 관심사 분리, 재사용성, 그리고 리렌더링 최소화
  • Relay 사용 경험 공유로 컴포넌트 설계를 배우는 팁
  • 다이얼로그 컴포넌트 등 전역 상태관리 필요성 느끼는 초보 개발자 고민 공감

7. TS-Pattern과 ReScript 이야기

  • TS-Pattern은 TypeScript에서 switch문 대안으로 패턴 매칭 기능 제공
  • 타입 호환이 뛰어나지만 무거워서 성능 이슈 가능성 있음
  • ReScript는 OCaml 기반으로 타입 안정성과 간소화된 코드 작성 가능
  • 자바스크립트에 없는 기능 탐색 중인 개발자들 사이에서 관심도 높음
  • 참고로 ReScript는 Green Labs, Daangn 등에서 사용 중

8. 링크(Link) 컴포넌트를 통한 GET 파라미터 전달

  • React Router의 Link 컴포넌트로 파라미터 전달은 보통 쿼리스트링(?param=value) 형태로 함
  • to={"/boardView/" + board.boardNo + board.boardTitle} 같이 URL 경로 파라미터로도 가능함
  • SPA 특성상 새로고침 없이 라우팅 상태 변경을 하는 개념임
  • 여러 버전과 방법이 존재하므로 상황에 맞게 선택하면 됨
  • 자세한 방법은 스택오버플로우 링크 등 참고 권장

9. 소프트웨어 개발자 일상과 스트레스 관리

  • 업무 스트레스와 회의 지옥 언급, 피자와 간식으로 위로
  • 야근 피로, 예비군 이야기, 일과 삶의 균형 고민
  • 개발에 재미를 느끼는 순간과 때로는 하기 싫은 감정 공감
  • 동료들과의 유머러스한 소통으로 소통 활기와 심리적 지지
  • 코드 공부하며 겪는 어려움과, 쉬는 법에 대한 언급도 존재

10. 음식과 간식, 소소한 일상 이야기

  • 김피탕, 소금빵, 빵과 케이크 구분, 효모와 글루텐 이야기
  • 케이크는 제과, 빵은 제빵이라는 차이와 구워지는 법 등
  • 각종 과자와 커피 취향, 그리고 근황 공유
  • 피자, 족발, 떡볶이 등 개발자들의 야식 토크
  • 개발자들의 소소한 인간미가 드러나는 대화

면접팁⚡

  • TypeScript 함수 반환 타입을 정확히 이해하고 설명할 수 있어야 함
    • void 타입과 타입 추론 차이를 명확히 알고 면접 질문에 답변 가능
  • CORS 문제 해결 경험과 OPTIONS 메서드 역할을 이해하고 설명하면 플러스
  • React 컴포넌트와 Props 설계에 관한 고민과 현업 경험 공유 가능할 때 좋은 인상
  • Git 및 커밋 관련 실수와 해결 과정 준비
  • 합격팀의 채용 절차와 레퍼런스 체크 등의 실무 경험 공유는 큰 장점

링크🔗

#React#TypeScript#CORS#프론트엔드#개발일상#AWS#ReScript#자바스크립트#개발팁#프로그래밍
이전 포스트

2024-03-11

2024년 3월 11일
다음 포스트

2024-03-13

2024년 3월 13일