그날의 공부기록

seokachu's Front-End Archive 🙂

✨ 기억보다 기록을/트러블슈팅

마피아 게임 개발이 끝나감에 따라, CSS총 점검에 들어갔다.수정해야 할 곳이 종종 보여서 CSS 수정작업을 하게 되었다.   마피아 게임페이지 UI/UX 수정 리스트기존 레이아웃 수정 → background 넣고, 조금 게임스럽게 변경해보기, 타이머 맨 위 상단, 가운데로 옮기기, 방 나가기 버튼 수정해보기게임 모달창이 너무 크다 → 조금 줄여야함폰트사이즈가 너무 작았다 → 16px에서 20px로 키우자플레이어들이 전부 레디를 진행했을 때, 방장이 게임시작 버튼이 white로 안보이는 현상 수정 → background 색상 추가게임 플레이어들 입장 번호 css 수정 → 기존에는 바깥에 있었는데 UI적으로 화면 안에 보이게 수정게임 시작시 직업 선택 카드 깨지는 현상 → width 조절프로그래스바 모달창..

2024. 8. 12.

✨ 기억보다 기록을/트러블슈팅

[Fix #333] - 메인페이지 오류들 수정, 타입봇 추가 by seokachu · Pull Request #341 · ice-craft/ice-craft📌 관련 이슈 closed #333 Task TODOLIST 메인페이지에서 방 리스트 계속 리랜더링 되는 오류 수정 메인페이지 함수 클릭 이벤트들 함수만 모아둔 컴포넌트 수정 메인페이지 방 만드는 모달창 수정 후github.com  우리 프로젝트에서 BaaS로는 supabase를 사용하고 있는데,현재 데이터가 5번이나 계속 불러와지고 있었다.  수파베이스 코드export const getUserInfo = async () => { const { data } = await supabase.auth.getUser(); return data.user;..

2024. 7. 23.

✨ 기억보다 기록을/트러블슈팅

↓↓↓↓↓ 이전 포스팅 (typebot 적용해보기) ↓↓↓↓↓ IceCraft - TypeBot 추가하기리팩토링 과정이 거의 끝나고, 마지막으로 추가하고 싶었던 TypeBot을 넣고 싶어서 넣게 되었다.  타입봇 링크 Typebot - Open-source conversational apps builderPowerful blocks to create unique chat experiences. Embed theseokachu.tistory.com   이전 포스팅에서 타입봇을 적용하여 우리 프로젝트에 넣는 것 까지 적용을 해보았는데,커스텀CSS까지 마치고 난 뒤 테스트해보니 위치가 적용이 안되는 현상이 일어났다.     현재 초기 랜더링시 이렇게 떠버리는 것임...       클릭하면 내가 원하는 위치에 ..

2024. 7. 22.

✨ 기억보다 기록을/트러블슈팅

소켓부분을 커스텀 훅으로 리팩토링이 진행됨에 따라메인페이지, 메인페이지에서 방 생성하는 모달창 리팩토링을 진행하였다.  이전 코드useEffect(() => { socket.on("createRoom", ({ room_id }) => { roomId.current = room_id; socket.emit("joinRoom", userId, room_id, nickname); }); socket.on("createRoomError", (message) => { toast.error(message); isGoInClick.current = false; }); socket.on("joinRoom", () => { if (roomId.cur..

2024. 7. 3.