분류 전체보기21 10. 17. 12일차 TIL 개인과제 레이아웃 오늘은 개인과제를 깃허브에 올리고 기초 html 코드 작성과 간단한 레이아웃을 만들었다. 만들려고 하는 사이트의 모습은 다음과 같다. 1. Header헤더 안에 로고와 메뉴, 검색창, 검색버튼이 배치되어 있다.검색창은 엔터를 칠 때도 정보가 전송되게 할 예정이다. 2. Main메인에는 저번 시간 TMDB에서 연동한 API로 원하는 영화의 정보를 받아오고 그 정보를 시각적으로 보여줄 수 있는 카드를 만들 예정이다. 이 때 보일 카드는 창 화면 크기에 따라 딱 맞도록 조절하고 싶은데 일단 필수 기능구현을 먼저 한 이후 여유가 있다면 추가적으로 작업해볼 것 같다.3. Footer이왕 사이트를 만들게 되었는데 footer가 없으면 허전할 것 같았다. 딱히 중요한 정보가 들어가진 않았지만 내가 만들었다는 것 정도.. 2024. 10. 17. 10. 16. 11일차 TIL TMDB API 사용법 개인과제에 대한 일정을 안내받았다. 이번 과제의 목표는 진짜 영화 정보를 제공하는 검색 사이트를 만드는 것이다. 이번 과제의 진행 일정은 아래와 같다. 일정을 보았을 때 이번 과제에서 가장 중요한 것은 API 연동이라 생각한다. 그렇다고 다른 일정이 쉬워보이는 것도 아니다.. 화이팅!! 그래서 오늘은 TMDB에서 AIP키를 사용하는 방법에 대해 알아보았다.1일 : TMDB API 연동 및 데이터 가져오기2일 : 영화 카드 리스트 UI 구현하기 3일 : 영화 검색 기능 고도화하기 4일 : 이벤트 위임 적용하기5일 : 로컬 저장소 활용한 북마크 기능 구현하기6일 : ansyc / await로 API 호출 리펙터링하기 7일 : 디버깅 및 최종 제출 준비하기1. TMDB API 사용법TMDB란? The Movi.. 2024. 10. 16. 10. 15. 10일차 TIL 콜백함수와 제어권 3주차의 내용이 아직 다 정리가 되지 않아 업데이트를 하지 못하고 있다.. (그치만 중요한 내용이 너무 많고 이해하기 어려운 내용 또한 많다..) 오늘은 3주차 강의의 내용을 느낌적으로 이해한 뒤 4주차 강의를 수강하였고 콜백함수의 정의와 제어권에 대한 개념을 학습했다.1. 콜백함수 ( Callback Function )콜백함수란 다른 코드의 인수로서 넘겨주는 함수를 의미한다.(다른 함수의 매개변수로 들어가는 함수라고 생각해도 좋을 것 같다.) 다른 코드의 인수로 넘겨준다는 것을 다시 생각하면 넘겨받는 함수가 존재한다는 의미이다.이러한 함수의 예로 이전에 배웠던 forEach, setInterval 등을 생각할 수 있다. forEach나 setInterval의 경우 콜백 함수(cb)를 필요에 따라 적잘한.. 2024. 10. 15. 배열의 유사도 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때, 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요.난이도 : ★☆☆☆☆1. 함수의 이름은 solution, 매개변수는 s1, s2이다. 2. 답안으로 제출할 변수 answer를 선언한다. 3. for문을 사용하여 s1의 item을 순회한다.→ item은 재할당되는 요소가 아니므로 const라는 변수선언을 사용하였다. 4. 만약 그 안에 s2의 item이 있다면 answer에 +1을 한다. 5. answer의 최종 값을 리턴한다. 2024. 10. 15. 배열에 없는 숫자 더하기 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개 변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 rturn하도록 하는 함수 solution을 완성해주세요.난이도 : ★☆☆☆☆배열을 하나씩 순회하며 없는 수를 찾아도 되지만 배열의 범위가 주어져있다.그러므로 최대값인 45에서 배열에 있는 수를 하나씩 빼주면 없는 숫자를 더한 값과 같다. 1. 함수의 이름은 solution, 매개변수는 numbers이다. 2. 최종답안 answer는 45 - numbers이다 3. for문을 사용하여 numbers의 element를 순회하여 모두 더한다. 4. 결과값으로 answer를 리턴한다. 2024. 10. 15. 가운데 글자 가져오기 단어 S의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두 글자를 반환하면 됩니다.난이도 : ★★★☆☆1. 함수의 이름은 solution, 매개변수는 s이다. 2. s의 길이를 length라는 변수로 선언한다. 3. length의 중간값을 Math.floor 함수를 활용하여 나타낸다. 4. if문을 사용하여 변수 legnth를 2로 나눈 값이 0이라면 가운데 두 글자를 리턴하고 5. 변수 length를 2로 나눈 값이 0이 아니라면 가운데 한 글자를 리턴한다. 2024. 10. 15. 이전 1 2 3 4 다음
