[팀프로젝트] 스티커 마무리!! 그리고 일 나눠가져가기

주말부터 계ㅔㅔㅔ속 붙잡고있었던 스티커를 드디어 마무리했다..처음에 직접 구현하는게 욕심이나서 구현하다가 사이즈 조정에서 막혀서 너무 촉박해졌다..ㅠㅠ구현을 해보는 것도 좋겠지만 기한을 맞춰야하니까 빠르게 라이브러리를 알아보고 결정했다현재 상황에서 리사이즈만 추가하면 되는 상황이라 여기에 초점이 맞춰져있는 re-resizable을 사용했다다행히.. 기존 구조에서 바꿀 것도 크게 없는 상황이라 빠르게 마무리가 됐다정말정말 다행..그리고 다른 분들이랑 기능 합치고! 드디어 내가 맡은 부분이 어느정도 끝나서 일정이 밀리고있던 다른 기능을 구현하기 시작했다너무 정신없지만 뚝딱뚝딱 진행되는 것 같아서 뿌듯하기도하고..내일 연관 기능 이어서 개발할 수 있게 오늘 최대한 마무리해봐야겠다 아 그리고 스티커 불러오는 부..

• format_list_bulleted 일지
• · 2024. 11. 1.
• textsms

[팀프로젝트] 241029 무한리렌더링..

어제까지 스티커를 px 단위로 이동시키는 기능을 구현하고, 크기가 다른 기기에서 제작한 청첩장을 확인했을 때 웨딩사진에 비례해 알맞은 위치로 가도록 하기 위해 웨딩사진에 대한 비율을 계산 후 %로 적용할 값을 구하는 기능까지 구현했다 그런데.. 무한 리렌더링이 발생하면서 폼이 엄청나게 깜빡거리기 시작했다 시도한 것들은1) 스티커 자체를 메모이제이션 (영향없음)2) style에 px을 적용하기위해 컴포넌트 외부에서 가상의 스크린사이즈를 상수로 두고 컴포넌트 내부에서 사이즈 계산하여 px로 적용 + 이 계산도 useMemo로 메모이제이션 (영향없음)3) .next 넥스트 캐시 지우기 (30분정도 괜찮다가 다시 안됨.. 왜지??)4) vercel 배포하여 확인해보기 -> 정상적으로 작동함..  5) 그러다 리..

• format_list_bulleted 일지
• · 2024. 10. 29.
• textsms

에러를 잡는 마음가짐..

supabase를 활용해 소셜로그인을 구현하던 중 client 컴포넌트에서 async/await을 사용할 수 없다는 경고가 발생했다 async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server. const handleKakaoSignIn = async () => { await client.auth.signInWithOAuth({ provider: 'kakao', options: { redire..

• format_list_bulleted 일지
• · 2024. 10. 22.
• textsms

개인프로젝트 발생한 문제와 해결

https://nninyeong.tistory.com/109 [Tailwind] 부모 요소가 hover 상태일 때 자식 요소 스타일 지정하기 (group)지난번 팀프로젝트에서 특정 경로로 이동하는 버튼들을 모두 useNavigate()를 이용해 만들었는데, 시맨틱한 코드를 고려하기 위해서는 Link 태그를 더 활용해보는 것을 추천받았다.경로 이동을 유도nninyeong.tistory.com 지난번 작성한 글에 이어서 조금 더 추가! 정확한 API 명세 확인과 formData 객체 활용하기문제: 로그인 요청 시 헤더에 인증 토큰이 없다는 에러 발생로그인 요청을 보낼 때 서버에서 "Authorization 토큰이 없다"는 에러가 발생했다. 하지만 네트워크로 전송하는 데이터를 출력했을 땐 헤더에 토큰이 잘 들..

• format_list_bulleted 일지
• · 2024. 9. 11.
• textsms

[24.08.28] 팀프로젝트 1일차 - 뉴스피드 만들기

오늘 팀프로젝트가 시작됐다!이번 주제는 뉴스피드 만들기.. 사실 지금껏 구체적인 기능과 테마가 제시돼 있어서 기획 회의에 시간이 많이 걸리진 않았던 것 같은데 이번에는 공통주제가 뉴스피드 만들기고 세부 주제는 팀별로 정해야해서 회의할 내용이 많았다 🥹그래도 팀원분 중에 피그마에 익숙하신 분도 계시고 다들 적극적으로 회의에 참여해주셔서 늘어난 양에비해 시간은 생각보단 양호했던 것 같다!! 기획 내용 / 담당역할발제 들으면서 생각난 내용을 제안했는데 내 의견이 채택됐다~~바로 내배캠에 참여하면서 진행한 프로젝트를 게시하고, 그 게시물에대한 피드를 확인할 수 있는 과제자랑용 뉴스피드다내 담당은 아니지만 제일 뷰가 마음에 드는 마이페이지.. 그리고 이번 프로젝트 주제가 잘 드러나는 메인페이지(피드)!내가 담당..

• format_list_bulleted 일지
• · 2024. 8. 28.
• textsms

[24.08.22-23] 개인프로젝트 1,2일차 - 포켓몬 도감 만들기

숙련주차 강의 끝내고 드디어 프로젝트 시작~~원래는.. 화요일에 시작하고 싶었는데 챌린지반 과제 중간중간 들어오고 리덕스 실습에서 에러로 막히고 ㅋㅋㅋ ㅠㅠ 하느라 생각보다 늦어졌다..  이번 목표이번에 해보고싶은 거!1) 지난번 개인과제에서 폴더 구조를 고민해보라는 피드백을 받았다. 컴포넌트 폴더 기능/맥락으로 나눠보고 피드백받기!2) 기능 구현 먼저 빨리하고 스타일 -> 리팩토링 적용하기 아자~~  Button, NavButton 컴포넌트지난번에 Button, Input 같은 태그를 한 겹 감싸는 태그를 만들어보고싶다 했었는데 첫 랜딩페이지부터 버튼이 필요해서 한 번 만들어봤다.이번엔 react-router-dom을 이용하는 것이 미션이어서 페이지 이동이 있는데 과제에서는 페이지 이동이 많이 없지만...

• format_list_bulleted 일지
• · 2024. 8. 24.
• textsms