TMDB API 사용하기 3

더보기더보기(새벽) 진짜 눈물 찔끔 났다. . . 드디어 성공했다. (물론 블로그 글 & 챗지피티의 도움이 없었다면...) 나를 괴롭히던 검색 기능... 당최 어떻게 실행해야 하는지 모르겠어서 일단 블로그 코드를 그대로 붙여넣고 조금씩 수정을 해가면서 고쳤는데 일단 버튼 실행 함수까지는 그럭저럭 구현을 했는데 그 이후부터가 문제였다. -- 까지 쓰고 일단 잠들었다. 전 노트북 용량 문제로 사용하기 힘들었던 깃도 이제서야 써봤다. 일단 코드는 이렇다. 참고한 블로그가 너무 많다(...) 당연히 보진 못하시겠지만 저의 빛, 희망, 구원의 손길 그 자체였습니다... 물론 그대로 복붙하진 않았고, 최대한 바꿔보고 코드를 줄여보려 애썼다!  먼저 함수를 하나 만든다. function showResult() { ..

• format_list_bulleted TIL
• · 2024. 4. 25.
• textsms

TMDB API 사용하기 2

오늘 하루는 고통 그잡채... 카드 리스트까지는 만들었는데 검색 기능은 구현못했다. 여러 블로그를 찾아봐도 내용이 다 달라서 더 혼란스럽다. 어쩌면 코드를 갈아엎어야 할지도... 내가 봐도 마음에 드는 코드는 아니다. let url = 'https://api.themoviedb.org/3/movie/top_rated?api_key=&language=en-US&page=3, options';fetch(url) .then((response) => response.json()) .then((response) => { let movie = response['results'].filter( (x) => x['original_language'] === 'en' ); let temp_h..

• format_list_bulleted TIL
• · 2024. 4. 24.
• textsms

TMDB API 사용하기 1

과제개요순수 바닐라 자바스크립트만으로 영화 리스트 조회 및 검색 UI 구현학습해온 자바스크립트 문법을 최대한 활용스타일링 작업하며 css 와 친해지기 이번 과제는 영화 검색 사이트를 제작한다. 오늘은 일단 html 뼈대와 css를 작성했다. tmdb api도 가져와야 하는데 시키는 대로 해도 자꾸 오류가 떠서 조금 오래 붙잡고 있었다. 서치해보니 나와 같은 문제가 있는 사람들은 많이 보였는데 명확한 해결 방법이 안 나와서. . . 깝깝해 하는 중이었다. {   "status_code": 7,   "status_message": "Invalid API key: You must be granted a valid key.",   "success": false }   ++이 문제는 팀 과제를 하면서 해결했는데검..

• format_list_bulleted TIL
• · 2024. 4. 23.
• textsms

css 정리

더보기주말은 공부를 못했다. . . 이모집 갔다가 집에 오느라 + 새로 산 데스크탑 세팅. . .그리고 시험도 있었고. 오늘도 있다. 하지만 해야죠?이제 css를 마저 정리해보고자 한다.  css 급하게 강의를 듣느라 정말 강의만 듣고 넘겼는데, 막상 웹페이지를 만들기 시작하니 레이아웃 만드는 게 쉽지 않아서...  플렉스 박스는 무엇이냐... 행 또는 열을 주축으로 설정하여 웹 요소를 배치, 정렬하는 1차원 레이아웃 방식이다.플렉스 컨테이너, 플렉스 아이템 간의 상호작용을 통해 배치, 정렬을 결정한다.플렉스 컨테이너는 플렉스 방식으로 레이아웃을 결정할 요소고,플렉스 아이템은 플렉스 컨테이너 내부에서 플렉스박스 방식으로 배치되는 요소다.시작은 display에 flex를 주면 되는데display: flex..

• format_list_bulleted CSS
• · 2024. 4. 22.
• textsms

html 기본 문법 정리, 시맨틱 태그

더보기드디어 내일 집간다... 미치겠다 발 받침대 손목 받침대 노트북 거치대가 없는 이곳은... 버틸 수가 없다...데스크탑도 샀다. 결국 사버렸다. 한 달 동안 이제 굶어야... 욕심 안 부리면 100만원대에 맞췄겠지만... 인간의 욕심은 끝이 없죠?오늘은 html 기본 문법들을 한 번 더 정리해보려고 한다! 태그 : 태그는 규칙이다. 여는 태그, 닫는 태그로 이루어져 있다. 부모 태그, 자식 태그 : 태그는 들여쓰기를 이용해 중첩 관계로 만들 수 있다. 부모 태그 안에 자식 태그를 넣을 땐 tab을 사용해 들여쓰기를 하면 된다.head 태그 내부     meta charset="UTF-8" /> 웹 문서의 인코딩 방식을 의미한다. UTF-8은 세계 표준 인코딩 방식이다.     meta http-eq..

• format_list_bulleted HTML
• · 2024. 4. 19.
• textsms

API란?

더보기TIL 쓰는 걸 완전 잊고 있었다...집이 아니라 노트북이랑 마우스만 있는데 손목도 너무 아프고 목도 너무 아프다 거북(turtle)해질 것 같음...오늘은 코드 수정하고 오류를 찾았는데그것도 내가 만든 페이지에서 발생하진 않아서 그다지 할 일이 많진 않았다. 대신 발표 때 사용할 발표 대본을 만들었다.어떤 식으로 발표하면 되는지 정리된 노션을 읽었는데api 이야기가 나와서 api를 좀 찾아봤었다. 유튜브나 블로그 글도 많이 찾아봤지만 아직은 생소하고 잘 기억하기 힘든 개념이랄까...  API 처음엔 여기저기 블로그 글을 찾아 읽었는데, 설명이 너무 어려웠다. 분명 한글인데 읽히지가 않아... 그래서 좀 더 쉽게 설명된 뜻을 찾아보았다. 응용 프로그램이 (컴퓨터 운영 체계나 데이터베이스 관리 시스템..

• format_list_bulleted TIL
• · 2024. 4. 18.
• textsms