5월 20일 (목)

프론트엔드 위크의 끝

Posted by Yan on May 20, 2021
  • 오늘 html, css, javascript에 대한 종합적인 시험을 봤고, 프론트를 다루는 수업이 끝나간다.
  • 아주 오랜만에 제이쿼리도 복습하게 됐다.
  • 자바스크립트로 다양한 코드를 작성해볼 수 있었는데, 좋았던 점은 간단한 슈퍼마리오 게임을 만들면서 함수를 다양하게 만들고 사용하는 방법을 익힌 것이다.
  • 게임에는 캐릭터와 공격 능력 등 다양한 상태값이 필요했는데, isAlive와 같은 변수를 만들고 boolean으로 처리를 하여 게임오버가 됐는지 등을 확인할 수 있게 만드는 것을 알게 되었다.
  • 추가적으로는 각 이미지의 좌표값을 구해서 오버랩되고 있는지 등을 파악하기 위해 각 아이템의 css top, left값을 가져와서 비교할 수 있다는 것을 알게 되었다.
  • setInterval을 사용하여 주기적으로 이미지의 충돌 여부, 캐릭터의 isAlive여부를 확인하고 그에 맞는 함수를 호출하도록 한 것도 흥미로웠다. 그동안 setInterval을 많이 사용해보지 않았는데, 이럴 때 쓰는구나 알게 되었다.
  • 현재는 영화 db사이트의 api를 비동기 통신으로 가져오는 사이트를 만들고 있다. 영화 사이트는 자주 나오는 예제지만 늘 반갑다.

  • 아무튼 자바스크립트는 즐겁다. 에러만 찾을 수 있다면!