[Vanilla JS] 벽돌깨기 게임 만들기
·
Front-end/project
👨‍💻 시작한 이유바닐라JS로 더 만들 수 있는걸 찾는 도중에 벽돌깨기를 웹 페이지 상으로 만들 수 있다는걸 알게 된 후에 평소에 게임을 좋아했던 저라 호기심을 갖게 되어 시작하게 되었습니다.👨‍💻 시작 이후 고비저는 자바스크립트를 어느정도 한다고 생각했습니다.. 근데 그건 제 오해였습니다. 아무것도 못 했고 구현을 해야하는데 감도 하나도 안잡혔습니다. 그래서 결국 구글링에 의존해서 하기로 했고 결국 MDN 사이트에서 자체 제공하는 벽돌깨기를 참고해서 만들어봤습니다. 👨‍💻 결과HTML css * { padding: 0; margin: 0; } canvas { background: #eee; display: bloc..
[Vanilla JS] 전역일 계산기 만들기 (feat. 군대에서)
·
Front-end/project
👨‍💻프로젝트 회고프로젝트를 시작 한 이유 https://javascript-mini-projects.netlify.app/ 에서 바닐라 자바스크립트 프로젝트들을 찾다가 새해 카운트 프로젝트를 찾았습니다. 보다보니까 새해 카운트보다 아직 군대에 있으니까 전역일 카운트를 만드는게 어떨까? 라는 생각으로 전역일 계산기를 만들어봤습니다기간3시간 정도 걸렸습니다 느낀점setInterval 과 clearInterval 부분을 사용하며 제가 모르는 부분을 확인하고 타이머 구현이 가능했습니다처음으로 깃허브를 푸시하는 과정에서 깃허브 저장소와 관련된 공부도 했습니다 (깃 주소)시간이 더 주어진다면setInterval 을 찾아보는 과정에서 가장 큰 문제를 발견하게 되었는데 바로 다른 탭으로 이동하거나 브라우저가 백그..
[Vanilla JS] 영화 예매 사이트 만들기 (feat. 군대에서)
·
Front-end/project
👨‍💻프로젝트 회고 프로젝트를 한 이유바로 전 글에서 볼 수 있는 프로젝트로 '숙박 엑셀 자동화 페이지'를 만들었었는데 제가 많이 부족하다고 느꼈고 "JS, CSS부터 다시 배워보자!" 하고 바닐라 JS 프로젝트를 찾아보던 중 https://seatbookingapp.netlify.app/ 이 사이트를 참고해서 만들게 됐습니다기간5시간 정도 걸렸습니다느낀점이 토이 프로젝트를 시작하면서 '숙박 엑셀 자동화 페이지'에서 깎였던 제 자존감이 많이 올라갔습니다아직도 부족한 점도 많고 인터넷의 도움을 받아야 하긴 하지만 이렇게 하나하나 세밀하게 배워가면서 제 프로젝트에 직접 적용할 수 있다는 게 너무 즐겁습니다👨‍💻 코드 짜기 아래의 코드는 제가 생각했을 때 가장 쉬운 것부터 만들고 어려운걸 나중에 만드는..