일렁임

willy·2022년 1월 26일
0
post-thumbnail

퇴사 이후, 공부에만 매진하기로 했다.

부산으로 내려와 이것저것 만들어보며 혼자 시간을 보내고 있던 와중에, 독립문화 콘텐츠를 만드는 팀에 조인할 수 있게 됐다.

물론 개발로 하는 것이 아니라, B2B부서에서 도움을 줄 수 있는 일이 생겼기 때문이다.

기본적인 업무빌딩을 해나가는 와중에 홈페이지를 윅스로 만든다는 소식을 듣고, 자신있게 제가 하겠습니다! 를 말하기 전에 조심스럽게 클론코딩을 해가며 페이지를 만들어갔다.

우선 기본적인 디자인은 다 돼있는 상태라서 말 그대로 구현만 해주면 됐다.

그런데 윅스는 모바일 페이지에 반응하지 않기 때문에, 미디어 쿼리를 사용해서 실제로 모바일에서도 동작하게 만들었다.

도중에 부트스트랩을 사용해서 빌딩했다. 덕분에 기존에 만들어뒀던 css파일과 많이 겹치는 감이 있었지만, 기존 클래스 명 뒤에 부트스트랩 클래스를 달아주면 해결됐다.

동영상을 배경에 올려두고 fix해둬서 스크롤시 영상 배경이 적용된다.
여기서 동영상 위치를 옮길 수 있는 방법을 찾아보고
스크롤 시 페이드인 되는 효과를 적용해야겠다.

profile
같은 문제에 헤매지 않기 위해 기록합니다.

0개의 댓글