🥞 오늘 한 일

• JavaScript 문법 종합반
  • 1주차 완료
    • 변수와 상수 / 데이터 타입 / 형변환 / 연산자 / 함수 / 스코프 및 화살표함수 / 조건문 / 조건문 중첩 / 객체 / 배열 / for문 / break continue
    • 문자열, 반복문, 조건문 과제 완료
• 프로그래머스 문제
  • 문자열 내 p와 y의 개수
  • 음양 더하기
• JavaScript 개인 과제 (영화 검색 사이트)
  • 필수요구사항
    • TMDB 오픈 API 이용하여 인기영화 데이터 가져오기
    • 영화정보 카드 리스트 UI 구현
    • 영화 검색 UI 구현
  • 선택요구사항
    • CSS flex & grid 사용
    • 웹사이트 랜딩 또는 새로고침 후 검색 입력란에 커서 자동 위치
    • 대소문자 관계없이 검색 가능
    • 키보드 enter키를 입력해도 검색버튼 클릭한 것과 동일하게 검색 실행
• 팀 변경 및 자리 이동
  • 1석3조(A03조)
• 팀 소개 페이지 미니 프로젝트 (못 다한 기능 구현해보기)
  • 좋아요 기능 구현 완료

🍽️ 문제 해결

간단한 문제들

• 엔터키를 누르면 기능이 작동되도록 하려고 했는데 웹 페이지가 자꾸 새로고침 되었다.
  => form 태그에 onsubmit 속성값을 return false로 넣어줌으로 해결했다.

🍪 새로 알게된 것

• onsubmit="return false;" : form 태그 내부의 input에서 엔터키를 눌렀을 때 새로고침이 되지 않게 하는 form 속성.
• event.stopPropagation() : 클릭 이벤트 중복 발생 해결.
• str.indexOf() : 문자열 내에서 문자를 찾아 반환. 찾을 문자열이 없을 경우 -1을 반환.

🍴 느낀 점

새로운 팀에서 새로운 수업 및 과제를 진행하는 날이라, 새로운 마음가짐을 가지고 임했다. 이번 팀원분들과도 좋은 관계로 발전시키고 싶다!
팀 소개 페이지 미니 프로젝트의 좋아요 기능을 마침내 완료했다. 이미 다 끝난 프로젝트이지만, 끝났다고 그냥 끝내지 않고 주말부터 오늘까지 계속 아쉬웠던 부분들을 제작해보니 실력도 늘고 완성도도 올라가기에 뿌듯하고 좋다. 앞으로도 가능하다면 이런 식으로 아쉬운 부분을 그냥 넘기지 않고 꼭 구현해보는 시간을 갖고싶다.

🍳 내일 할 일

• JavaScript 문법 종합반 2주차 이상 수강
• JavaScript 개인 과제 필수요구사항 중 배열 메소드를 아래 다섯가지 중 2개 이상 사용하라는 요구사항이 있는데, 가능하도록 기능은 만들 수 있지만 효율적이지 않아 조건도 충족하면서 효율적인 코드로 수정할 수 있도록 하고 싶다.
  • forEach
  • map
  • filter
  • reduce
  • find