스몰 프로젝트

0. 동기 유튜브 드림코딩 by 엘리 채널에 minishop 프로젝트에 PWA 를 사용하는 예시가 올라왔다. minishop 프로젝트는 js 입문용으로 예전부터 소개되고 있었는데, 단순 웹 구현에서 더 나아가 PWA 적용도 배울 수 있는 기회였다. 엘리님 JS 기초를

1. 코드 수정 1. 이벤트 위임을 사용하여 수정 2. 중복을 없애기 위해 변수 생성, 버튼이 아닌 빈 곳을 눌렀을 때 취해야 할 조건 추가, onClick 함수 따로 생성 2. 학습 내용 (1) 이벤트 위임 부모 컨테이너는 자식 요소에서 이벤트가 발생하면 모두

엘리님 당근게임 강의를 듣고, 다른 게임 만들기를 시도했다. 이모티콘 파일 30개로 월리를 찾아라! 같은 게임을 만들고 싶다는 생각을 했고, 실행에 옮겼다.

1. 코드 수정 1. 동적으로 생성되는 아이콘 HTML 파일에서 생성하던 고래 아이콘을, JS 파일에서 생성하도록 바꿨다. HTML 코드가 깔끔해졌고, 아이콘이 동적으로 생성될 수 있게 됨. 2. splash screen splash screen 을 생성했다. '니모

netlify 배포가 처음이라 많이 헤맸다. Live server 로 확인할 땐 결과 화면이 너무 빠르게 나와서, 기다리는 재미를 위해 "분석중" 애니매이션을 넣어야겠다고 생각했는데, netlify 배포 후 폰에서 확인했을 때는 동작이 너무 느렸다. 개선할 부분이 많을

모바일에서도 잘 동작하도록 CSS를 수정했다. 확실히 반응형으로 만드는 것이 살아있는 프로젝트처럼 보여서 좋지만, PC로 버벅임 없이 구현되던 것이 모바일에서는 잘 버벅인다.

다음 글은 웹툰 취향 테스트 결과창에 카카오톡으로 공유 버튼을 넣기 위한 과정을 기록한 포스트입니다.

LOFS(lake of feelings) Project 프로젝트 진행에 대해 기록한 글입니다.

'척척'보다는 '우당탕탕'이 훨씬 어울리는 시간이었다. 그래도 얻은 게 많았기에, 더 늦기 전에 정리해 보려 한다.