Merged
Conversation
* feat: 폴링 방식 session ID 추적 및 session ID 변경에 따른 재구독 로직 추가 * fix: Session ID 방식 변경 후 재구독 실패 오류 해결 이전 코드는 sessionId가 바뀌거나 다른 dependency가 바뀔 때도 effect가 도는 구조라, STOMP 연결이 완료되기 전에 subscribe를 시도해 버림. STOMP는 이 경우 subscribe 요청을 무시하거나 예외를 던짐 → 이후 연결 완료되어도 자동으로 복구되지 않음. * chore: import 및 조건문 순서 변경 * feat: 간헐적 구독 실패에 대한 재구독 시도 로직 구현 * fix: 폴링 방식에서 connectFrame 감지 방식으로 변경 - 500ms마다 계속 실행되어 성능 부하 문제 해결 - sessionId 상태 변화에 따라 2번 구독이 발생하는 문제 해결 * chore: 불필요한 로그 제거 * feat: 웹소켓 연결 해제 시 connectFrame 초기화 * chore: 로그 메시지 변경 * chore: 필요한 매직넘버 상수화 * chore: 컨벤션 수정 * chore: 동일한 역할의 변수명 통일 * chore: 불필요한 sessionId 검사 fallback 코드 제거 * chore: 주석 제거 * chore: any 타입 단언 제거 * chore: connectedFrame으로 네이밍 변경
* fix: 참여자 목록 send 보내는 타이밍 지연 [문제 상황] - 참가자 목록을 받아오는 토픽 구독 시작을 비동기적으로 처리 - 근데 LobbyPage 코드를 보면 isConnected가 true가 되면 바로 send를 보내도록 되어있음 1. 구독 완료되기 전에 send가 먼저 실행되어서 서버 응답을 간헐적으로 못받는 경우도 있음. 이때문에 handleParticipant가 실행되지 않아서 participants 가 업데이트 되지 않음. 2. 서버에서 응답은 받았으나, handleParticipant가 호출이 안됨. [해결 방법] 구독이 완료된 후에 send를 보내도록 딜레이를 추가하거나 구독 완료를 기다려야 함 우선은 100ms 정도 딜레이 추가해줌 * feat: useWebSocketSubscription에서 구독 완료 상태를 반환하도록 수정 * chore: 디버깅용 주석 제거 * feat: sessionId가 null인 경우 구독하지 않음
* refactor: ENABLE_DEVTOOLS 환경변수 추가 * refactor: Clean up webpack configuration and enhance ENABLE_DEVTOOLS handling * feat: App에 디버깅 console 추가 * feat: index.html에 DEV_SNIPPET 이 삽입될 자리 만듦듦 * feat: Add initial test file for frontend devtools * refactor: 불필요한 inject:head 삭제 * refactor : merged env 삭제 * feat: 모든 process.env를 enkeys에 넣는 로직 삭제 및 필요한 것만 envKey에 추가
* feat: dev 모드일때 스크립트 주입하도록 webpack 설정
* fix: dev-snippet 스크립트 적용안되던 문제 해결
* feat: ifrmae 토글 기능 추가
* feat: observer 구조를 사용하여 네트워크 로깅
* refactor : public 폴더로 파일 옮김
* refactor : 컨벤션 통일
* feat: Fetch 및 WebSocket API 후킹 기능 개선 및 민감한 헤더 마스킹 추가
* refactor : 후킹 함수 간단한 버전으로 변경
* feat: IframePreviewToggle 컴포넌트에서 iframe 이름을 배열로 관리하여 동적으로 렌더링
* feat: 네트워크 디버거탭 구현
* feat : 웹소켓 연결 단위로 보여주기
* feat: STOMP 메시지 파싱 기능 추가 및 네트워크 요청 상세 표시 개선
* feat: STOMP payload 파싱 기능 추가 및 원본 본문 저장 방식 변경
* feat: WebSocket 메시지 요약 및 상세 표시 개선, STOMP 메시지 지원 추가
* refactor: Remove unused URL and timestamp display from NetworkRequestDetail component
* feat: 레이아웃 제어 향상을 위한 패널 크기 조절 기능 추가
* feat: WebSocket 메시지 파싱 및 요약 기능 개선, 다양한 형식 지원 추가
* feat: 네트워크 디버거 패널 개선 및 STOMP 메시지 처리 기능 추가
* refactor: Remove console logging from WebSocket message sending in websocketHook.js
* refactor: Simplify WebSocket message parsing logic and remove redundant console logging
* refactor: Remove unnecessary console logging from WebSocket message creation
* refactor: Remove unused header masking utility and change convertDataToString to a private function
* refactor: Remove duplicate NetworkDebuggerPanel component and retain necessary logic
* feat: Add IframePreviewToggle component for iframe visibility control in the devtools
* fix: Update import path for IframePreviewToggle component in App.tsx
* refactor: Remove unnecessary console logging from stompParser.js
* feat: Enhance NetworkDebuggerPanel with refresh functionality and improved header layout
* feat : 터치디바이스 에서는 iframe 토글 버튼 안보이도록 수정
* refactor: 이벤트 타입 맞추기
* feat: 네트워크 디버거 모바일 레이아웃 적용
* feat: 터치 디바이스에서 네트워크 버튼 없애고 롱 프레스 제스쳐 트리거 적용
* refactor: Adjust HiddenTrigger position and simplify long press handler in NetworkDebuggerPanel
* refactor: Update initial panel height calculation in NetworkDebuggerPanel for better responsiveness
* refactor :인라인 스타일 styled.ts 파일로 분리
* refactor: Update NetworkDebuggerPanel and NetworkRequestList for improved mobile support and UI enhancements
* refactor: Remove time column and associated formatting from NetworkRequestList for cleaner UI
* feat: Add close button to NetworkRequestDetail for improved user interaction
* refactor : 디버거 패널이 글로벌 에러 바운더리보다 위로 가게 설정
* refactor: 각 iframe의 이름 보여지게 함
* feat: 자동 테스트 리스너 구현 및 테스트 기능 향상을 위한 iframe 통신 개선
* feat: iframe 추가 기능 구현 및 모든 iframe을 테스트에 참여하도록 변경
* feat: iframe 5개 이상 추가시 다음 줄로 넘어가도록 수정/ 마지막 iframe 삭제 기능 추가
* refactor : 오토 플로우 테스트를 페이지 기반 모듈 방식으로 리팩털이
* fix : 게임 결과 페이지부터 테스트가 작동이 안되는 오류 해결
* fix : 테스트 끝나고 메인화면으로 돌아올시 자동으로 다시 테스트가 시작되던 오류 해결
* feat : 테스트 중단 기능 구현
* refactor : 재생 버튼 위치 이동
* feat: 자동 테스트 준비 신호 전송 및 디버깅 로그 추가
* feat: 게임 선택 기능 추가 및 자동 테스트 흐름 개선
* fix : 타임아웃 제거
* feat: 게임 선택 UI 개선 및 확장 기능 추가
* feat: 자동 테스트 흐름에 일시 중지 및 재개 기능 추가
* feat: 초기 게임 시퀀스를 'CARD_GAME'으로 설정
* feat: 레이싱 게임 자동 클릭 기능 추가 및 클릭 인터벌 정리 로직 구현
* refactor: ENABLE_DEVTOOLS 환경변수 추가
* refactor: 개선된 ENABLE_DEVTOOLS 환경변수 처리 방식
* refactor: ENABLE_DEVTOOLS 환경변수 처리 개선 및 필터링 추가
* refactor: DevTools 관련 기능을 DevToolsWrapper 컴포넌트로 분리 및 불필요한 useEffect 제거
* feat: AutoTest 로그 패널 및 필터링 기능 추가
* refactor: Remove unnecessary onLoad handler from IframePreviewToggle component
* feat: 한국어로 로그 메시지 번역 및 자동 스크롤 기능
* refactor: 네트워크 요청 수집 공통 포맷 통일
* refactor: Extract refactor(devtools): 네트워크 훅 공통 로직 추상화 및 구조 개선
- addRequest() 유틸로 네트워크 요청 공통 필드 보장
- fetch/WebSocket 훅의 중복 코드를 헬퍼 함수로 분리
- getSafeWindow: window 안전 접근
- checkAlreadyHooked: 중복 훅킹 방지
- defineHookedProperty: descriptor 관리
- restore() 및 handle 객체 제거 (영구 감시 목적)
- 파일 이름을 함수 이름과 일치하도록 변경
* refactor(devtools): 훅킹 헬퍼 함수 파라미터 최적화
- checkAlreadyHooked에서 불필요한 key 파라미터 제거 (marker만 체크)
- defineHookedProperty에서 marker를 key로부터 자동 생성하도록 변경
- 마커 생성 규칙 통일: __DEV_${KEY}_WRAPPED__
* refactor(devtools): 모듈화 및 유틸리티 함수 추가
- addRequest 및 extractRequestInfo 유틸리티 함수 추가로 네트워크 요청 처리 개선
- fetchHook 및 websocketHook에서 utils.js 대신 개별 유틸리티 파일로 import 변경
- generateRequestId 유틸리티 추가로 고유 ID 생성 기능 구현
* refactor(devtools): improve marker usage and request collector initialization
- Introduced constants for marker names to enhance code readability and maintainability.
- Updated the initialization checks for the dev snippet and network collector to use the new marker constants.
- Ensured consistent handling of the maximum requests limit for the network collector.
* refactor : 함수 분리
* refactor : 훅킹된 함수/객체 네이밍 명확히 변경
* refactor : util 폴더 구조 정리
* chore : 폴더 구조 도메인 별로 정리
* fix : 린트 오류 해결및 import 별칭 사용
* refactor : topwindow 검증 함수 추출 및 적용
* fix : 린트 오류 해결
* refactor : devSnippet에서 함수 분리
* refactor : 불필요한 조건문 삭제
* fix : 함수 호출 전으로 이동
* refactor : fetchHook에서 Promise 호출 방식 간소화
* refactor : setupSebSocketTracking으로 함수 이름 변경
* refactor : devSnippet에 사용하는 함수 유틸로 분리
* refactor : MARKERS 상수를 별도의 파일로 분리하여 코드 구조 개선
* fix : MARKERS export 방식 변경
* refactor : extract iframe management and game sequence logic into custom hooks for improved code organization
* refactor : remove AutoTestLogPanel and related components to streamline the auto test interface
* feat: implement IframeControls and IframePreviewList components for enhanced iframe management in auto testing
* fix: move iframeHeight, useMinHeight, and canAddMore destructuring to the correct position in IframePreviewToggle component
* refactor: remove waitForPathChange and waitForPathPattern functions from domUtils, and implement setupAutoTestListener for improved auto test flow management
* refactor: remove unnecessary trailing whitespace in network and utility files for cleaner code
* chore: PartialSansKR-Subset 폰트 제거 * chore: PartialSansKR 폰트 설정 기존 서브셋 폰트에는 ZZOL이라는 글리프가 포함되어있지 않아서, 폰트 재설치함 Size: 308 kB, Time: 3~20ms 밖에 되지 않아서 렌더링 블로킹 이슈 발생하지 않음 * chore: Splash 등 화면에 보이는 '커피빵' 제거
* [task] 로비의 사용자 커피 아이콘 제거 (#1021) * refactor : 로비의 사용자 커피 아이콘 제거 * refactor: 사용하지 않는 Menu 스타일 컴포넌트 삭제 * [task] 커피 메뉴 선택 페이지 제거 (#1020) * refactor : 메뉴 선택 페이지 삭제 및 이름 입력 페이지에서 바로 방만들 수 있게 수정 * refactor : 오토플로우 테스트에서 메뉴 선택 관련 액션 삭제 * refactor : 메뉴 선택 관련 파일 삭제 * fix : 사용하지 않는 import 문 없앰 * refactor : 주석 추가 * refactor: custom-menu-icon 이미지 삭제 및 다른 이미지로 대체 * refactor: 사용하지 않는 컴포넌트 제거 * refactor: 사용하지 않는 타입 삭제 * [task] 주문 목록 페이지 제거 및 당첨자 페이지에 메인화면으로 가기 버튼 추가 (#1032) --------- Co-authored-by: Daeun-100 <141714293+Daeun-100@users.noreply.github.com>
* chore: guide5 주문 페이지 설명 제거 * chore: package name 변경 * chore: sentry 프로젝트명 변경 * chore: storage 키 이름 수정 * chore: 메뉴 관련 인터페이스 전부 제거 및 리팩터링
* fix: 모달 close icon aria-label 맞게 수정 * chore: Chromatic workflow 에서 빌드 url을 보여주도록 수정 * chore : preview 브랜치 제거 * feat : 스토리북 수정 테스트 * feat: Chromatic PR 코멘트를 upsert 방식으로 변경 - marker 기반으로 기존 코멘트를 찾아 업데이트하도록 변경 - PR 열기 및 커밋 푸시 시 모두 실행되도록 조건 제거 - 최신 Build URL로 자동 업데이트되도록 개선 * refactor : chromatic preview -> storybook preview 로 바꾸기 * fix: 빌드 url 대신 url 사용 * fix : storybook url을 사용하도록 수정 * refactor : build url 추가 * refactor : 주석 제거 * chore : Storybook 문서 배포와 PR Preview 워크플로우 분리
* chore: 브랜드명 및 도메인 변경에 따른 메타 정보 업데이트 - 서비스명이 “쫄 (ZZOL)”로 변경됨에 따라 title 및 meta description 수정 - canonical 및 Open Graph URL을 새 도메인 zzol.site 기준으로 업데이트 - 새로운 브랜드명과 도메인에 맞게 robots.txt 및 sitemap.xml 수정 * chore: non-www에서 www 방식으로 url 변경
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
✅ 체크리스트