🚀 트러블 & 트러블슈팅

팀 undefined의 트러블 슈팅 로그

🚬 후.. 너희는 이런거 고민하지 마라..

🐶 도지 하나 : 혼자 고민한 문제

• 😧 MySQL 서버 배포하기
• 🥲 IntelliJ를 포기하며 (feat. 개발환경설정)
• 🖼️ NextJS SVG 추가하기
• 🤦 typescript-eslint no-inferrable-types : 나를 조금만 더 믿어줘 에러
• 🪟 NextJS window 호출 불가 에러
• 🤝 z-index는 position과 함께해야합니다.
• ❓ useMutation에서 setQuery하기
• ⌨️ Tanstack Query와 Typescript
• ❗ callback 함수 인자의 타입과 제네릭 사용기
• 📝 다르지만 비슷한 친구들, useCallback과 useMemo

🐶🐶 도지 둘 : 둘이서 고민한 문제

• 🚭 너희는… 같이 쓰는 저장소에 rebase 같은거 하지마라…
• 🫂 우리,,, 같이 커밋 하지 않을래,,,?
• 🪢 classnames, css module과 함께 쓰기
• 💘 (미해결 에러) 잔여 커밋이 우리의 마음에 남아,,, (CI / CD 에러)
• ⛰️ Socket 서버 DB 접근 문제
• 🔍 TrieSearchEngine 성능 개선과 오버엔지니어링 고민
• ⚪ 물리엔진 : 좌표 값과 렌더링된 원의 중심점이 다른 문제
• ◀️ 물리엔진 : Hover시 원이 움직이는 에러
• ⬇️ 물리엔진 : 원이 제대로 위치를 찾아가지 못하는 에러
• 💥 물리엔진 : React과 Canvas로 충돌과정 렌더링하기
• ⚙️ 물리엔진 : 세부 조정과 에러들
• 🛑 DB의 격리 수준
• 🙃 JPA 자기 참조 테이블의 N+1 문제
• 💉 관심사 분리와 단단한 코드
• 🔬 테스트 코드와 격리

useMutation에서 setQuery하기

z-index는 position과 함께해야합니다.

💡 2022.11.27. 김관경

Header의 버튼이 클릭되지 않는 에러

문제발생

• Header의 입장하기 버튼이 정상적으로 클릭되지 않았다.

문제분석

• KeywordBubbleChart가 position absolute로 top:0; left:0; 으로 설정되어있기에 헤더를 덮고있어서 발생한 에러였다.
• z-index를 주고자확인해보니 일단 커뮤니티 페이지 레이아웃에 width와 height이 적용되어있지 않아서 적용했다.

문제해결

• z-index는 position이 설정되어있어야 적용가능하다. position을 설정하여 해결하였다.

/ 참고자료

쌓임 맥락 - CSS: Cascading Style Sheets | MDN

[4 reasons your z-index isn't working (and how to fix it) - Coder Coder](https://coder-coder.com/z-index-isnt-working/)

[z-index가 동작하지않는 이유 4가지 (그리고 고치는 방법)](https://erwinousy.medium.com/z-index%EA%B0%80-%EB%8F%99%EC%9E%91%ED%95%98%EC%A7%80%EC%95%8A%EB%8A%94-%EC%9D%B4%EC%9C%A0-4%EA%B0%80%EC%A7%80-%EA%B7%B8%EB%A6%AC%EA%B3%A0-%EA%B3%A0%EC%B9%98%EB%8A%94-%EB%B0%A9%EB%B2%95-d5097572b82f)

[useMutation에서 setQuery하기](https://www.notion.so/useMutation-setQuery-46506f83188e47fe8acd128000fe455a) [Tanstack Query와 Typescript](https://www.notion.so/Tanstack-Query-Typescript-19e85fce4d67404d96961419ee47bcf6)

[callback 함수 인자의 타입과 제네릭 사용기](https://www.notion.so/callback-9c1c4195bed24620b68b434724202264)

[다르지만 비슷한 친구들, useCallback과 useMemo](https://www.notion.so/useCallback-useMemo-9519401c0d9a475e9f04be8e8a269921)

🐶🐶🐶 도지 셋 : 다같이 고민한 문제

• 🥴 Github action에서의 ssh 접속 문제
• 🏞️ NextJS CI / CD, 산 넘고 물 건너기
• ⚔️ CORS 문제 해결
• 🤔 웹소켓과 REST API 그 사이의 고민 : 누가 무얼 해야할까?
• 🏦 기술 부채란 무엇일까? - 웹소켓 쫑파티
• 📶 최대한 RESTful한 API 만들어보기