MSTR-96 : UI 버그 수정 및 반응형 적용

[Kim-Hyunjo]

작업 내역

구현 내용 및 작업 했던 내역

• [x] 문제리스트 페이지 UI 버그 픽스
• [x] 문제 리스트, 상세, 채점, 회원가입 페이지, 로그인 모달 반응형 적용

변경사항

• 의존성 목록

작업 유형

• [x] 신규 기능 추가
• [x] 버그 수정
• [x] 리펙토링
• [ ] 문서 업데이트

PR 특이 사항

PR을 볼 때 주의깊게 봐야하거나 말하고 싶은 점

• 이 다음 PR(#13 )부터 머지하고 배포 자동화가 잘되었는지 이 PR을 통해서 확인하고 싶읍니다...
• 앞으로도 UI는 계속 고쳐나가겠지만 수정할 부분이나 추가되었으면 하는 부분 편하게 알려주세요~!

[netlify[bot]]

✅ Deploy Preview for elegant-yeot-fdb43b ready!

Name	Link
🔨 Latest commit	91f42e48647f41fa5e9fe0a23638b2cd59d469a1
🔍 Latest deploy log	https://app.netlify.com/sites/elegant-yeot-fdb43b/deploys/62d577a0c21a71000999fc4a
😎 Deploy Preview	https://deploy-preview-12--elegant-yeot-fdb43b.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[kshired]

@Kim-Hyunjo suggestion에서 커밋 기능이 있길래 안쓰는 import를 한 번 지워봤습니다 호호..

근데, 궁금한게 있는데 PR 넣으면 github action 연결 없이 github hook으로 vercel이랑 netlify 배포가 되는 거 같은데 원래 의도가 맞나요?

[Kim-Hyunjo]

suggestion에서 커밋 기능이 있길래 안쓰는 import를 한 번 지워봤습니다 호호..

근데, 궁금한게 있는데 PR 넣으면 github action 연결 없이 github hook으로 vercel이랑 netlify 배포가 되는 거 같은데 원래 의도가 맞나요?

일단 vercel은 테스트해보려다가 넣은거라 봇을 삭제했구요 본 목적은 netlify에 github action으로 배포인데... 테스트해봤을 때는 PR이 올라가면 github action이 돌아가면서 배포가 됐는데 github hook으로 배포가 된다는 말은 해당 작업 이전에 이미 배포가 되는 상황이라는 뜻인가요?

[kshired]

@Kim-Hyunjo 스크린샷처럼 밑에 check를 보면 netlify에서 배포되고 있는게 보이는데, 아마 webhook 같은게 걸려있는거 같아요

https://deploy-preview-12--elegant-yeot-fdb43b.netlify.app/

[kshired]

@Kim-Hyunjo 앗 지금보니까, preview 네요! dev에서 merge한건 preview랑 다른거같구요.

my mistake..

[Kim-Hyunjo]

@Kim-Hyunjo 스크린샷처럼 밑에 check를 보면 netlify에서 배포되고 있는게 보이는데, 아마 webhook 같은게 걸려있는거 같아요

https://deploy-preview-12--elegant-yeot-fdb43b.netlify.app/

netlify에서 제공하는 Preview기능인데 Github PR에 대해서는 default로 설정되어있다고 합니다. 해당 설정을 끄는 것도 가능하다고 하는데 PR 확인하면서 미리 확인해볼 수 있으니까 좋은것 같은데요..??ㅎㅎㅎㅎㅎ