인프런-워밍업-클럽-3기-FE 발자국 1주차

1주차 강의 : 따라하며 배우는 자바스크립트 - John Ahn님 1주차 강의 범위 및 과제 달성자바스크립트 기초 : Section 2 ~ 4 / 음식 메뉴 앱 만들기 ✅자바스크립트 중급 (1) : Section 5 (1 ~ 8) / 가위 바위 보 앱 만들기 ✅자바스크립트 중급 (2) : Section 5 (9 ~ 17) / 퀴즈 앱 만들기 ✅OOP, 비동기 : Section 6 ~ 7 / 책 리스트 나열 앱 / Gihub Finder 앱 만들기 ❌ 학습FE로 취업을 꿈꾸면서 강의를 열심히 들었던 것 같다.JS에 대한 지식이 별로 없던 나에게는 단비 같은 강의로 너무 알찬 구성이었다.다만 짧은 시간 내에 미션까지 완료하고 싶다는 마음이 압박으로 다가오기도 해서 하나하나 강의 내용을 완벽하게 숙지하지 못했다는 아쉬움이 남았다. 잘 이해가 되지 않았거나 기억이 잘 안나는 내용은 클럽 수료 이후 다시 반복해 들을 생각이다.미션HTML, CSS에 대한 지식이 가물가물한 상태에서 강의를 듣고 앱 만들라는 미션을 봤을 때는 내가 할 수 있을까 라는 생각이 먼저 들었지만, 막상 미션을 시작해보니 HTML 내용과 CSS 내용이 어렴풋이 기억나게 되었고, 목표 학습 강의에서 배운 위주로 하려고 노력했다. HTML, CSS, JS 전부 익숙하지 않아 미션에 많은 시간을 할애하게 되었지만, 결과물이 나올 때는 큰 만족감을 얻을 수 있었다. 미션.1 음식 메뉴 앱 만들기 미션 시작하면서 가장 좋아하는 음식은 엽기 떡볶이 메뉴판을 만들어보고 싶었고,기능 부분을 구현하기 전에 HTML과 CSS로 기본 틀 먼저 구현했다.(제목, 버튼, 메뉴 위치 등) js 구현시 menu에 들어갈 종류가 너무 많아 타이핑하는데 고생했다.. (고생했다.. 손가락아...) 코드 작성시간보다 다양한 메뉴 등록 (토핑, 사이드 칸 등....)에 시간이 더 많이 소요됐던 미션이었음...map(), filter() 함수도 적용해서 구현 해봤고, 중간 중간 오타나, class 명 불일치로 작동 안되던 것을 수정했다.보여지는 것 먼저 하는 것이 편한지, 기능 부분 구현 먼저 편한지 아직까지 잘 모르겠음.. 그리고 과제 하는데 시간을 너무 많이 잡아먹었다.. 다시 똑같이 작성해보라고 하면 자신이 없음...비슷한 앱을 여러번 만들어 보면서 문제를 보고 구현할 HTML 코드와 기능 부분 코드 생각 정리와 실제 구현 시간을 줄이는 연습하려고 한다. 미션.2미션 영상을 보고 가위, 바위, 보 이미지를 선택한 값과 이에 대응되는 컴퓨터의 값에 따라 이미지가 보여지면 좋겠다고 생각했다. 그리고 게임에서 남은 횟수의 값을 불필요하다 느껴 먼저 10점 점수를 획득한 사람이 최종 승리하는 것을 목표로 구현했다. rock, paper, scissors 구현 코드는 이전에 다른 프로그래밍 언어로 구현해본적이 있어 비교적 쉽게 구현을 했다.코드 구현시 이미지가 안나오는 경우가 있어 코드를 보니 playGame 함수 코드 안에 넣지 않아서 작동이 안되었던 것, 수정 후 이미지 출력 잘됨 미션.3시간을 많이 잡아먹은 미션... HTML은 간단하게 하고 JS에 좀 더 투자한 미션이다html이 간단하다 보니 js 기능 구현에 따른 결과가 직관적으로 보여지지 않아서 힘들었던 미션이다... 아직 html과 js 코드 구현 자체에 어려움을 느끼다보니 기능 구현 하나하나 작성하는데 수월하지는 않았다.코드자체는 구현할 기능들을 먼저 정리하고 바로 구현 가능한 부분은 구현, 도움이 필요한 부분은 검색을 통해 보완했다.강의에서 배운 삼항연산자와, IIFE도 미션에 적용하려고 노력했다. 1주차 회고일 끝나고 강의듣고 미션을 진행하려고하니 시간이 빠듯한 느낌이 들었다... 개인 일정(청모, 캠핑 등)도 미리 잡혀 있는게 있다보니 강의만 목표치만큼 듣고 미션을 할 수 있는 만큼 하려고 했다.강의 내용은 알찼지만 알찬 내용을 내 머리에 온전히 담아내기에는 학습투자 시간이 현저히 적었던것 같다. 역시 반복이 답이라 생각해 클럽이 끝나더라도 잘 이해 안가는 부분은 반복해서 들어야겠다. 1주차 회고는 강의 듣는거에 급급해 각 내용에 대한 정리와 궁금사항 해결을 잘 해결하지 못한 주차였다.2주차 때부터는 각 강의에 대한 회고와 미션 진행시 에러 부분과 해결 부분에 대해 좀 더 자세한 기록이 목표이다.