강의 수강

• 1주차에는 섹션 6. OOP까지 강의를 공부 했다

• 공부 방식은 JS 기초적인 부분은 알고 있었기 때문에, 강의 자료를 통해 공부를 먼저 했고, 몰랐던 부분이나 헷갈리는 부분이 있을 경우 동영상 강의를 활용하였다

  • 주어진 진도를 다 진행하지 못한게 아쉬웠고 2주차에는 밀린 부분까지 따라가는 것을 목표로 잡기로 했다

미션

• 미션은 3번 퀴즈 앱까지 작성 완료 했고 4번 책 리스트 앱을 작성중 이다

• 음식 메뉴 앱(https://github.com/hojun-lee99/inflearn-warmingup-fe/tree/main/quiz01)

  • 음식 메뉴 대신 좋아하던 슈퍼 히어로 리스트로 만들어 보았다

  • 버튼 클릭 이벤트에서 버튼의 value를 가져와 div의 클래스의 값과 동일하지 않을 경우 hidden 클래스를 이용해 정보를 숨기는 방식으로 작성 하였다

• 가위 바위 보 앱(https://github.com/hojun-lee99/inflearn-warmingup-fe/tree/main/quiz02)

  • Math.random() 메서드를 이용해 가위바위보를 계산 하였다

  • 최종 결과 계산은 삼항 연산자를 중첩으로 사용하여 결과를 출력해 보았다

  • js 코다가 너무 길어서 다시하기 기능부분을 따로 분리해 보았는데 js는 파일을 분리하더라도 전역변수를 공유한다는 사실도 추가로 알게 되었다

• 퀴즈 앱(https://github.com/hojun-lee99/inflearn-warmingup-fe/tree/main/quiz03)

   

  • 문제를 3개 html로 작성해두고 다음 버튼을 누르면 현재 문제 태그에 hidden 클래스를 추가해 숨기고 다음 문제는 제거하여 나타나게 하는 방식으로 구현을 했다

  • 정답을 체크하기 위해 js파일에 배열로 추가해 두었는데 더 좋은 방법이 없을지 추가적으로 찾아봐야 할 것 같다

  이번주 회고

• 미션을 진행하면서 js를 통한 기능 구현은 오히려 할만 했지만 css를 이용해 생각하면 화면을 구현하는 부분에서 많은 애를 먹으면서 시간을 많이 잡아 먹게 되었다

• react 파트를 진행하게 되면 러닝 커브가 더 높아질 것으로 예상 되는데 늦기 전에 수업진도를 빨리 따라가고 포기 하지 않고 3주차까지 열심히 달려나가기를 다짐하며 1주차 회고 작성을 마친다