TIL_230120_Project

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. 프로그래머스 JS

Lv0. 외계행성의 나이

• age를 문자열로 만들어 slice해서 하나씩 뽑는 것까지 함.
  let b = age.toString().slice(i,i+1)

• 아스키 코드?

• 대원 코드로 풀었음..

var answer = '';
    let alphabet = ['a','b','c','d','e','f','g','h','i','j'];
let arrAge = [...String(age)]
    for(let i=0; i<arrAge.length; i++){
         answer += alphabet[Number(arrAge[i])]
    }

• 다른 풀이

  age.toString().split("").map((v) =>
  "abcdefghij"[v]).join("");

    let res = '';
    age = (age+'').split('').map(v=>+v);
    for (let n of age) res+=String.fromCharCode(n+97);
    return res;

• String(대상)과 대상.toString()의 차이
  • String() - undefined나 null이 들어온 경우에도 그대로 문자로 반환
  • toString()은 타입 에러
  • String()이 더 안전한 대안이라고 한다.
• 다시 한 번 새기기
  • 배열의 길이와 배열의 순서는 다르다.
  • 배열의 길이와 같거나 크다로 할 때 잘 생각하기

---

2. 프로젝트 기초 회의

• Youtube API 가져오기

알게 된 것

• Youtube API

  • 영어로 봐야 더 다양한 기능을 이용할 수 있다.
  • 사용자 인증 키를 입력해서 리스트 불러오기(HTTP) https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&q=surfing&key=[YOUR_API_KEY]
  • surfing 부분에 내가 넣고 싶은 키워드 넣기
  • 연관된 비디오 검색 https://youtube.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId=Ks-_Mh1QhMc&type=video&maxResults=25&key=[YOUR_API_KEY]
  • Ks-_Mh1QhMc 대신 해당 viedoId 넣기

• Mock Data

  • api 요청 횟수에 제한이 있어 받은 data를 json으로 저장해서 개발하는 동안 가져다 쓰기
    

• 트리 구조 시각화

  • 해당 폴더의 터미널에 tree /a /f

  ---

• MainUI

  • 카테고리에 캐러셀 슬라이드 적용하기

  문제

  • 패키지 다 깔았는데 아무것도 안 뜬다.
  • 뭐가 뜨긴 뜨는 것 같은데 잘 적요이 안 된다!!!