# aesop

5개의 포스트
post-thumbnail

1차 WeCode 프로젝트 후기 ) 'Aesop' 클로닝

최고의 품질과 검증된 성분으로 만들어진 스킨, 헤어, 바디제품 브랜드<span style="color:기간 : 12일 (20.07.20 - 20.07.31)참여인원 : Frond-end 3명 & Back-end 2명사용한 라이브러리 : React, React-R

7일 전
·
0개의 댓글
post-thumbnail

WeCode 1차 팀 프로젝트 후기

어느덧 나의 wecdoe 코딩부트캠프는 1달하고 2주차가 끝나간다. 지난 1달보다 더 빨리 지나갔던 12일 간의 WeCode 1차 팀 프로젝트 후기를 남긴다. 최고 품질의 스킨, 헤어 그리고 바디케어 제품을 만드는 Aesop 웹 사이트 클론 프로젝트 개발 기간 : 20

7일 전
·
0개의 댓글
post-thumbnail

project-Aesop) scaleX, scale

scaleX() x 축을 따라 (수평방향)으로 요소의 크기를 조절하는 변형을 정의합니다. scaleX(0)에서 scaleX(1)로 변화하는 transform을 설정하였다. 속도를 조절하기 위해 transition: transform 300ms를 주고, 왼쪽에서부터 시작

2020년 7월 26일
·
0개의 댓글
post-thumbnail

project-Aesop) Slide

(순수 js로만 구현)slick, Glider 등의 라이브러리를 사용할까 하다가 react hook으로 작성된 slide 코드를 참고하여 내 조건에 맞게 바꿔서 class함수로 작성하였다.(덕분에 componentDidUpdate의 개념을 얼추 이해하게 됐....)처음

2020년 7월 26일
·
0개의 댓글
post-thumbnail

project-Aesop) ScrollY , React Hook

\* Scroll Event : React에서 scroll event를 주기 위해 y의 타겟지점을 알기 위해 메인페이지에서 scroll event fade-in을 해주기 위해서 각 피드마다의 y타겟지점을 알아내서 그 지점이 지났을 때 각각의 state값이 변하게 해주었

2020년 7월 23일
·
0개의 댓글