솔미는 성장중

프로젝트를 시작하며 패스트캠퍼스 X 야놀자 프론트엔드 부트캠프 1기를 참여하고 2번째 과제이다. 직원 사진 관리 페이지를 만들어보는 JS과제였다. 프로젝트 결과 과제 결과물 (인재관리 사이트) 깃허브 주소 (다른 사람 프로필은 건드리지 말아주시면 감사하겠습니다 (●'◡'●)) 초점을 두고 준비했던 부분 필수 요구사항 만족하기 (firebase사용해 데이터 등록,수정,삭제 / CSS애니메이션 / intersection observer 구현해보기 js를 이용해 애니메이션 만들어보기 Preview & 구현 내용 - Firebase 를 활용한 사진 및 데이터 관리 - 프로필 페이지 제작 - 스크롤이 가능한 형태의 리스팅 페이지 - 반응형 페이지 - modal을 활용한 인재 등록 창 (사진 / 직책 / 깃헙주소 ..

프로젝트를 시작하며 패스트캠퍼스 X 야놀자 프론트엔드 부트캠프 1기를 참여하며 첫 과제가 나왔다. HTML,CSS 과제였고, 웹사이트를 클론 코딩하는 것이었다! HTML/CSS 과제였지만 간단한 부분은 JS로 구현해보았다. 웹사이트 선정 기준 1. 기존에 관심있었던 브랜드 2. 온보딩 강의에서 배웠던 swiper라이브러리와 스크롤 효과를 적용해볼 수 있는 사이트 3. CSS를 통해 다양한 효과를 시도해볼 수 있는 사이트 레퍼런스 사이트 & 프로젝트 결과 잭슨카멜레온 (레퍼런스 사이트) 클론코딩 사이트 클론코딩 깃헙 23.08.05 기준: 데스크탑에서만 정상적으로 작동한다. (반응형 미구현) 구현 내용 1. 헤더 애니메이션 스크롤에 반응 : 상단에 있을 땐 투명 / 어느 정도 스크롤을 내리면 흰색 배경 :..