22-07-19
Resoft 회사 사이트 리디자인 된것 만들어오기.
팀 명: 보람 3조
오늘도 각자 작업 진행 하는 걸로 했다.
어제 저녁에 header 부분 만들었고, 만약 반응형 디자인이 나온다면 또 수정해야 하겠지만 지금은 일단 다했다.
현재 메인 페이지에서 3가지 파트를 맡았는데, 아마 금방 완성 할것 같다.
어려운 부분이라면 애니메이션 부분 정도.
이미지가 계속 움직이는 게 있었는데, 디자인 시안에 적힌 스크립트 주소를 옮겨도 작동이 안되서, 다시 관련 라이브러리가 있는 사이트에 가서 회원가입을 하고 새로 받아오니 작동이 되는 줄 알았으나... 스크립트 주소가 그냥 일치 했다.
그래서 그림을 넣는 링크가 담긴 태그를 다시 복사하니 적용이 되는 것을 확인 했다.
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_tyi61jpp.json" background="transparent" speed="1" style="width: 680px; height: 591px;" loop autoplay></lottie-player>
lottie-player 관련해서는 아래 블로그 글을 참고 했다.
참고 주소: https://devjaewoo.tistory.com/6
스타일 시트를 다 적고 추가로 첫번째 스크롤 애니메이션을 넣을까 생각중이다. 일단 예전에 포트폴리오를 만들때 쓴 hover 애니메이션이 있지만, 이미지를 넣는 방식이 살짝 달라야 해서 새로 만들고 있다.