TIL12 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. 10. 14. 9일차 TIL 코딩컨벤션, 알고리즘-복잡도 오늘은 달리기반의 첫 이론수업이 있는 날이었다.수업 내용은 1주차 강의 내용을 복습하는 것과 함께 코딩 컨벤션에 대해 배웠다.1. 코딩컨벤션 (Coding Convention) 이란?코드를 읽는 사람과 작성하는 사람이 모두 쉽게 이해할 수 있도록 하는 일종의 약속이다.쉽게 말해 누가 봐도 쉽게 알아볼 수 있도록 이름을 짓는 방법이다.1) 코딩 컨벤션 종류camelCase : 주로 변수와 함수 선언에 사용된다.kekbab-case : 페이지, pathname, 폴더명, css className에 사용된다.snake_case : 파이썬에서 많이 쓰인다. js에서는 잘 사용하지 않으나,대문자 표현은 상수 표현할 때 많이 사용된다.ex) const MILLISECONDS_PER_DAY = 60 * 60 * 24.. 2024. 10. 14. 10. 11. 8일차 TIL 데이터 타입(심화1) 오늘은 강의를 통해 JS의 데이터 타입과 특징에 대해 더욱 자세히 학습하였다.또 변수가 메모리에 할당되는과정과 메모리에 대한 기본 지식을 습득하였다.1. 데이터 타입의 종류 (기본형과 참조형)JS에서 값의 타입은 크게 기본형(Primitive)과 참조형(Reference Type)으로 구분된다.두 타입의 구분 기준은 값의 저장 방식과, 불변성의 여부라고 한다. 1) 복제의 방식기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가르키는 주소값을 복제2) 불변성의 여부기본형 : 불변성을 띔 참조형 : 불변성을 띄지 않음. 2. 메모리와 데이터에 관한 배경지식1) 메모리와 데이터비트(bit)컴퓨터가 이해할 수 있는 가장 작은 단위0과 1을 가지고 있는 메모리를 구성하기 위.. 2024. 10. 11. 10. 10. 07일차 TIL ES6, 일급객체, 알고리즘 오늘은 JS강의를 통해 일급객체의 의미와 저녁 특강으로 알고리즘에 대해 학습하였다.1. 각종 es6 문법ECMAScript6(ES6)는 JavaScript의 버전 중 하나로, 2015년 발표되었다.ES6는 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여JavaScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선되었다.→ 2015년도 대규모 문법적 향상 및 변경이 발생하여 ES6는 항상 언급된다고 한다.let, const화살표 함수 (Arrow Fuction)삼항 연산자 (ternary operator)구조 분해 할당 (Destructuring)배열(Array)의 경우 순서가 중요하다. 객체(Object)의 경우 key가 중요하다.새로운 이름으로 할당하는 방법단축 속성명 (pro.. 2024. 10. 10. 이전 1 2 다음
