220720 TIL - 간단하지만 웹 게임 만들기 재밌당👍

📝TIL, 느낀 점

✅ 공부

• HTML/CSS 세션

  • Q) { div > section } 으로 싸준 특별한 이유가 있나요?
    • A) 전체 틀을 만질 때 보통 body를 바로 만지기 보단 div로 한 단계 싼 뒤 해당 div를 만진다.
    • (내생각 : React에선 div가 시작이라 일조의 컨벤션인것 같다.)
  • { top : 50%; left : 50% } transform: translate(-50%, -50%); 하면 편하게 중앙에 위치시킬 수 있다.
  • transform: translate(-50%, -50%); 하면 해당 박스 크기의 50%를 돌아갈 수 있다.

• javascript(8.5hr)

  • 아직 기초 문법만 나오는 중, 추가 과제로 게임 만들기가 주어졌다. 한번 해봐야겠당.
  • 배경깔고, 히어로 깔고, 좌우 변경 하고, 좌우로 움직이는 것까지 완성했다.
  • 가면 갈수록 구글링해도 원하는 자료가 안나온다. 쉽지 않다. 심지어 과제에서 Class로 구현하라는 이야기가 있던데 이해가 가질 않는다. 뭘 어떻게 하라는건지? 😭😭 일단 구현부터 해보고, Class로 하는법 물어봐야겠당.
  • 추가과제라 선택적인 과제지만 끝까지 완성하고 싶다.

• LeetCode

  • (LeetCode) 26. Remove Duplicates from Sorted Array (Easy)

😊 일상

• 12시15분에 점심 나가니 훨씬 빨리 먹을 수 있었다.

🚀🚀개선 점 및 계획

• 적응하느라 릿코드를 못풀었는데 한 시간씩 할당 해야겠다.