2022/08/05 TIL

💪 오늘의 공부

• 자바스크립트 딥다이브 33, 34, 35 공부
  • 스프레드 문법, 디스트럭처링 할당, Set 과 Map 에 대해 공부했다.
  • 스프레드 문법, 디스트럭처링 할당은 어제 공부했던 이터러블과 이어지는 맥락이였다.
  • 그래서 어제 공부했던 것을 복습하는 겸 다시 보며 공부했다.
  • Set과 Map은 배열과 객체라는 차이점 말고는 거의 비슷한 구조를 가지고 활용방식도 비슷했다.
  • 코딩을 하거나 알고리즘을 풀 때 점점 많이 써보며 연습 해봐야겠다.

 

•  Relaxer app과 Brickout-game 미니 프로젝트 해보기
  • Relaxer app
    • 아주 간단한 자바스크립트로 이루어진 미니 프로젝트였다.
    • @keyframe으로 선언한 animation을 주는 것을 연습했다.
    • 원 주위를 도는 포인터를 만들때, 중심을 제대로 잡기 위해 transform-origin:bottom-center로 중심 맞추기
  • Brickout-game
    • canvas에 요소들을 그리고 화면에 보여주는 것이 주가 되는 프로젝트였다.
    • canvas문법이 익숙치 않아서 한번 더 복습을 해봐야 될 것 같다.

 

자바스크립트 딥다이브 정리 git

=> https://github.com/SDWoo/javaScript-Deep-Dive/tree/main/chapter/33-Spread

GitHub - SDWoo/javaScript-Deep-Dive

 

Relaxer-app git

=> https://github.com/SDWoo/20_Web_Projects_With_Vanilla_JS/tree/main/RELAXER-APP

GitHub - SDWoo/20_Web_Projects_With_Vanilla_JS

Brickout-game git

=> https://github.com/SDWoo/20_Web_Projects_With_Vanilla_JS/tree/main/Breakout%20Game

GitHub - SDWoo/20_Web_Projects_With_Vanilla_JS