# aesop
Wesop 프로젝트 회고록
🌠Wesop 프로젝트 소개 🌠What is Wesop Client Project? 저희 wesop팀은 브라질 기업 나투라앤코가 소유한 호주 고급 스킨케어 브랜드인 Aesop 사이트를 클론 코딩하였으며, 해당 기업의 홈페이지를 React Page로 변환해가며 Rea
1차 WeCode 프로젝트 후기 ) 'Aesop' 클로닝
최고의 품질과 검증된 성분으로 만들어진 스킨, 헤어, 바디제품 브랜드<span style="color:기간 : 12일 (20.07.20 - 20.07.31)참여인원 : Frond-end 3명 & Back-end 2명사용한 라이브러리 : React, React-R
WeCode 1차 프로젝트 후기
어느덧 나의 wecdoe 코딩부트캠프는 1달하고 2주차가 끝나간다. 지난 1달보다 더 빨리 지나갔던 12일 간의 WeCode 1차 팀 프로젝트 후기를 남긴다. 최고 품질의 스킨, 헤어 그리고 바디케어 제품을 만드는 Aesop 웹 사이트 클론 프로젝트 개발 기간 : 20
project-Aesop) scaleX, scale
scaleX() x 축을 따라 (수평방향)으로 요소의 크기를 조절하는 변형을 정의합니다. scaleX(0)에서 scaleX(1)로 변화하는 transform을 설정하였다. 속도를 조절하기 위해 transition: transform 300ms를 주고, 왼쪽에서부터 시작
project-Aesop) Slide
(순수 js로만 구현)slick, Glider 등의 라이브러리를 사용할까 하다가 react hook으로 작성된 slide 코드를 참고하여 내 조건에 맞게 바꿔서 class함수로 작성하였다.(덕분에 componentDidUpdate의 개념을 얼추 이해하게 됐....)처음
project-Aesop) ScrollY , React Hook
\* Scroll Event : React에서 scroll event를 주기 위해 y의 타겟지점을 알기 위해 메인페이지에서 scroll event fade-in을 해주기 위해서 각 피드마다의 y타겟지점을 알아내서 그 지점이 지났을 때 각각의 state값이 변하게 해주었