[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시간 정도 걸렸습니다느낀점이 토이 프로젝트를 시작하면서 '숙박 엑셀 자동화 페이지'에서 깎였던 제 자존감이 많이 올라갔습니다아직도 부족한 점도 많고 인터넷의 도움을 받아야 하긴 하지만 이렇게 하나하나 세밀하게 배워가면서 제 프로젝트에 직접 적용할 수 있다는 게 너무 즐겁습니다👨‍💻 코드 짜기 아래의 코드는 제가 생각했을 때 가장 쉬운 것부터 만들고 어려운걸 나중에 만드는..
숙박 엑셀 자동화 페이지 만들기
·
Front-end/project
👨‍💻토이 프로젝트 회고 토이 프로젝트를 시작한 이유 유데미 강의를 들으면서 문뜩 "내가 지금 이렇게 하는게 맞나?", "이해를 하지도 못하면서 강의만 계속 보는게 무슨 도움이 될까?" 에서 시작해서 제대로 공부해보기 위해서  토이프로젝트를 시작하게 됐습니다 기간2.3 ~ 2.7 문제상황웹과 앱에서 호텔 사이트 예매시에 자동으로 예매자 정보가 적히지만 전화 예매 시에 엑셀이나 엑셀을 못 다룰 시에 수기로 적어야 한다는 단점이 있습니다 해결 하고 싶은 부분웹을 사용해 UI 를 개선하고 사용자 편리화를 하고 싶었습니다 느낀점토이프로젝트를 하면서 나름 즐거웠지만 후반으로 갈 수 록 흥미를 점점 잃어버렸습니다 그 이유로는  1. 짧게 잡은 기간 2. 실력 과대평가로 뽑을 수 있을 것 같습니다 너무 촉박한 기..