나만의 백신 인증서 만들기 사이트(옷입히기 게임) 제작 https://soonmac.github.io/vaccine_campaign/
JavaScript와 SCSS를 이용해 옷입히기 게임 구현
블로그에 기획부터 디자인, 구현까지의 과정을 정리했습니다.
📎velog - 토이 프로젝트: 나만의 백신 인증 카드 만들기
jQuery를 사용하지 않고 순수 JavaScript으로만 작성
7-1 패턴을 참고해 컴포넌트별로 나눠 작성했으며, main.scss에 임포트한 후 CSS로 컴파일
벨로그에 코드에 관한 포스트를 작성했습니다.
📎velog - fetch()를 이용하여 공공데이터 API 호출
옷입히기 기능 코드에 관한 포스트를 작성했습니다.
*PC(1200px), 타블렛(768px), 모바일(480px) 해상도에 따라 보이도록 미디어 쿼리 작성