Redux Sprint 같이 했던 페어분으로부터 추천 받은 영상입니다. React에서 어려웠던 부분을 많이 해결할 수 있었다고 해서 저도 HA 직전에 영상을 참고해서 만들어보았습니다. axios나 react-chartjs-2와 같은 모듈들도 추가적으로 공부할 수 있는 기회였습니다! 한번 만들어보니 네이버에 나오는 코로나 현황 사이트가 어떻게 만들어졌는지 대충 감이 잡히기도 해서 재밌었습니다ㅎㅎ 아래 유튜브 주소입니다. 리액트를 이용해서 바닥부터 제대로 만들어보고 싶으신 분들 있으시다면 추천드려요! 하드코딩 되어있는 부분도 있는데 다 하시고 나면 그런 부분들을 추가적으로 변경해보시는 것도 추천드립니다~ 참고로 영상 만들어 시점 이후 계속 데이터들이 추가되어서 영상에서의 그래프 모양과는 다를거에요! http..

어제 공룡(dino)은 멈춰있고 여러 장애물(cactus)이 다가오는 상황까지 구현해보았습니다. 오늘은 스페이스바를 누르면 공룡이 점프를 하고 공룡과 장애물의 충돌 감지(Collision Detection) 부분을 구현해보았습니다. 이 부분이 어려울 것이라고 예상했었는데 각 객체의 위치만 관리하면 가능했었던 것이어서 생각외로 빠르게 이해할 수 있었습니다. 이제 기본적인 기능 구현은 마쳤으니 생각나는 아이디어가 생길 때마다 기존에 만들었던 게임에 조금씩 추가해보려구요! 또한 지금까지 배운 Java Script 만으로도 구현할 수 있는 것들이 무궁무진하다는 생각이 들었습니다. 이번 경험을 살려서 다음 게임 프로젝트도 목업대로 잘 구현할 수 있었으면 좋겠습니다🙏😊 오늘 배웠던 내용들은 코드 안에 주석처리 했습..

https://www.youtube.com/watch?v=qkTtmgCjHhM HA2가 끝나고 Solo Day가 이틀 있어서 이전의 페어분들과 함께 게임을 구현해보았습니다. 코드스테이츠에서 다루지 않는 부분을 접해볼 수 있다는 점에서 좋은 기회였던 것 같습니다! 또한 HTML, CSS, JS 만으로 간단하게라도 이런 게임을 만들 수 있다는 게 재밌네요ㅎㅎ 이번 글에서는 오늘 게임을 절반정도 구현하면서 새로 알게된 것들과 팁으로 써먹으면 좋을 것 같은 것들을 정리해보려고 합니다. 태그 태그는 처음 본 태그였습니다. 웹페이지 상에서 그림을 그릴 때 자주 사용되는 태그입니다. 원, 박스, 이미지 등의 요소를 추가하고 그래픽 요소를 사용하고 싶을 때 사용된다고 하네요! HTML에서의 태그를 JS에서 사용하기 위..