부트캠프3 [패스트캠퍼스X야놀자 프론트엔드 개발 부트캠프] 미니 프로젝트 ✨ 미니 프로젝트 📌 개요 숙박 예약 서비스 숙박을 예약 및 결제할 수 있는 서비스를 만들고, 코드 리뷰 후 리팩토링을 진행한다. 🏠 구현 회원가입 / 로그인 메인 검색 결과 숙소 상세 장바구니 결제 예약 조회 / 위시 리스트 ☄️ 트러블 슈팅 배포 시 CSS 적용 안 되는 오류 개발 환경에서는 문제없이 잘 적용되었던 css가 배포를 했더니 깨지는 현상이 발생했다. css가 제대로 적용되지 않았던 컴포넌트는 모두 react-slick 캐러셀 라이브러리를 사용한 컴포넌트였다. 캐러셀의 크기가 비정상적으로 크게 나타나 이미지가 제대로 나타나지 않았고, 버튼으로 넘어가는 방식이 아닌 세로로 모든 이미지가 펼쳐지는 오류가 나타났다. 구글링을 통해 여러 조사를 해보았고, 배포 시 일부 css가 제대로 나타나지 않.. 2023. 12. 19. [패스트캠퍼스X야놀자 프론트엔드 개발 부트캠프] JavaScript 과제 ✨ JavaScript 과제 📌 과제 직원 사진 관리 서비스 직원들의 사진을 관리할 수 있는 사진 관리자 서비스를 만들고, 코드 리뷰 후 리팩토링을 진행한다. 📸 사이트 데모 사이트 : https://elegant-dusk-116a43.netlify.app/ 완성 모습 📝 코드 리뷰 1. 재사용되는 메서드 // 로딩 애니메이션 export function showLoadingAnimation() { const loadingAnimation = document.querySelector('.loading-animation'); loadingAnimation.style.display = 'block'; } export function hideLoadingAnimation() { const loadingAnim.. 2023. 8. 28. [패스트캠퍼스X야놀자 프론트엔드 개발 부트캠프] HTML/CSS 과제 ✨ HTML/CSS 과제 📌 과제 원하는 사이트 레이아웃 클론 원하는 사이트를 자유롭게 선택하고 레이아웃을 클론 코딩하고, 코드 리뷰 후 리팩토링을 진행한다. 💸 사이트 뱅크샐러드 실제 사이트 : https://www.banksalad.com/ 뱅크샐러드 데모 사이트 : https://64c37bf4ce7d850008dc2dd8--stellular-cranachan-a24baf.netlify.app 완성 모습 📝 코드 리뷰 1. gitignore 파일 업로드 파일 경로를 수정하면서 gitignore가 적용되지 않아 DS_Store 파일이 깃허브에 올라가는 이슈가 발생했다. 👉🏻 캐시 제거 후 .gitignore 파일 경로 수정해서 다시 커밋 2. reset.css html, body, div, span,.. 2023. 8. 7. 이전 1 다음
