Skip to content

react-18/week4-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📗  원티드 프리온보딩 7번째 과제


🚀  배포 주소

👉 배포링크 바로가기


👩  팀원소개 및 담당페이지

  • 상세 구현 사항은 아래에 정리해두었습니다.
이가윤 신혜리 한재성 이선재
_ _ _ _
캐러셀 영역 푸터 영역 배너 영역 GNB, 팝업창, Iframe
Github Github Github Github

📌  사용한 기술 스택

  • Vanilla JS
  • Html
  • CSS

🎮  구현 사항

전체 레이아웃 구성 및 반응형 구현

  • 네비게이션: 메뉴 아이콘 클릭시 해당하는 페이지 위치로 이동
  • 캐러셀: 3개 영역 로테이션 효과
  • 배너 영역: 호버 시 줌인효과
  • 푸터 : IE8 크로스 브라우징
  • 팝업창: 클릭 시 외부 사이트 이동
  • 크로스 브라우징: Lambda Test 툴을 활용한 크로스 브라우징 테스트

ezgif com-gif-maker (19)


🌟  브라우저별 결과

Safari Chrome
safari chrome
Edge Firefox
edge firefox
Opera
opera

🧗‍  프로젝트 과정 소개

👉 협업 툴

  • Vscode Liveshare
  • 노션 : 브레인 스토밍/회의록 작성
    👉 링크
  • Discord
  • Lambda Test: 크로스 브라우징 테스트

👉 Git 커밋 컨벤션

Option: 내용(상세 내용)

  • Feat - 새로운 기능 추가
  • Fix - 버그 수정
  • Docs - 제품 코드 수정 없음
  • Style - 코드 형식, 정렬, 주석 등의 변경
  • Refactor - 코드 리팩토링
  • Test - 테스트 코드 추가
  • Chore - 환경설정, 빌드 업무, 패키지 매니저 설정등..

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •