<aside> <img src="/icons/notification_pink.svg" alt="/icons/notification_pink.svg" width="40px" /> 멘토링 신청 가이드

*** 각 질문 내용 구성**

<aside> <img src="/icons/arrow-right-basic_pink.svg" alt="/icons/arrow-right-basic_pink.svg" width="40px" /> ① 한 줄 요약 ② 질문 배경 & 질문자 ③ 관련 자료 설명 & 자료 첨부

</aside>

*** 신청서 형식**

① 한 줄 요약 👉제목 형식으로 설정 → 신청서 상단 ‘목차’에 반영되도록 - 또는, 자체적으로 전체 개요를 일목 요연하게 작성하여 상단에 명시

② 질문 배경 & 질문자 👉 간단히 질문하게 된 배경과 해당 내용 질문자 작성 - 특정되지 않는다면 ‘조원 모두’로 작성

③ 관련 자료 설명 & 자료 첨부 👉 질문 내용에 대해 구체적으로 작성 - 첨부 자료의 내용이 많다면, 어떤 부분을 중점적으로 확인 요청하는지 설명

*** 멘토링 신청서 제출 후, 추가 내용은 최하단 섹션에 작성**

⛔ 제출 후, 기존 내용 절대 수정 금지 ⛔ (기존 내용 수정시 큰 혼선 야기)

</aside>

**목차**

질문 1

그러면 hydration이라는 개념은 SSR에서만 사용되는건지, 처음에 모든 데이터를 한번에 받아오는 CSR은 hydration이라는 개념이 존재하지 않는건지 궁금합니다!

질문 2

싱글스레드 언어인 자바스크립트에서도 2개 이상의 프로세스 혹은 스레드를 사용할 때 발생하는 데드락이 나올 수 있는지 궁금합니다.

https://stackoverflow.com/questions/16530177/javascript-deadlock 찾아본 스택오버플로우 글을 보면 있다, 없다 각각 의견이 있는데 멘토님께 여쭤보고 싶습니다!

질문 3


<aside> 📌 멘토님링 신청서 제출 후 업데이트 내용 멘토링 24시간 전 전달 후, 추가된 내용 작성

</aside>

추가 질문 1.

📦
├─ 📂 public - msw 관련 파일 작성
├─ 📂 tests 테스트 
│  ├─ 📂 e2eTests 통합테스트
│  └─ 📂 unitTestsSrc 유닛테스트 (루트 폴더의 src와 파일 및 폴더 구조 동일)
├─ 📂 src 
│  ├─ 📂 apis - api 폴더
│  ├─ 📂 assets - 이미지, 아이콘 폴더
│  ├─ 📂 hooks - 커스텀 훅
│  ├─ 📂 components - 공통으로 사용할 컴포넌트
│  ├─ 📂 pages - 각 페이지별 컴포넌트
│  │  └─ 📂 homePage - 폴더는 다 카멜케이스
│  │  │  └─ index.tsx - 페이지 / 타입도 포함
│  │  │  └─ 📂 components - 페이지에서 사용할 컴포넌트
│  ├─ 📂 routes - 라우터
│  ├─ 📂 types - api / utils 폴더에서 사용하는 타입.
│  └─ 📂 utils - 공통 함수
└─ ©generated by Project Tree Generator

추가 질문 2.

방금 전에 github action 환경에서 playwright 실행시 발생한 에러를 구글링으로 찾아본 뒤, package.json 파일 내 optionalDependency라는 걸 이용해서 문제를 해결했습니다.

dependency, devDependency는 알고 있었는데, optionalDependency라는 항목은 처음 사용해 보아서 어떤 역할을 하는지 여쭤보고 싶습니다!