TIL

• styled-component 변수 적용 방법 제대로 확인.
  • 그동안 잘못쓰고 있었다.
• 기본 사용 방식

const ex=styled.div`
 width: 100px
`

• 변수 적용 하려고 써먹었던 방식

const ex=(props)=> styled.div`
 width: ${props.x}px
`

• 실제 적용 방식

const ex= styled.div`
${props=>`
 width: ${props.x}px
`}
`

---

오늘 한 일

• youtube 대충 카피 프로젝트 대충 마무리
• leetcode
  • Keyboard Row (easy)
  • First Unique Character in a String (easy)

---

To Do

• scss 도 활용을 생각해보면 좋을것 같다.

• typescript 공부 예제를 생각해보자

• vue, angular 공부 해보자

---

오늘은...

검색 결과 보이기는 초과 달성이기도하고 현재 api로는 할당량으로인해 몇번 사용도 못할것 같아서
이후 sdss 이미지를 가지고 진행할 프로젝트 건으로 넘기려고 한다. 그 외로 어제 진행했던 20개의 자료로부터 특정 영상은 선택하면 그 영상을 플레이 하고 나머지 영상을 우측에 정렬 시키는 부분에대해 마무리를 지었다. 물론 만들어진 결과에 만족하는 것은 아니다. 플레이시 보이는 영상의 크기 정렬이나 글자 크기 변경 등 세세한 부분 이곳저곳에서 수정점을 확인하였으나. 주말이 끝나서 더 진핸하기가 힘들어 우선 이정도로 마무리 지으려고 한다. 만들어진 결과를 코드 샌드 박스를 통해 올리고 싶었으나 할당량 문제로 인해 상시 구현이 힘들고 로칼서버를 구동해야 하는 터라 그부분에 대해 코드샌드박스 사용 경험이 부족한터라 해결방안을 찾지 못해 그 또한 불발이 되었다.

[2021/03/29 월요일] 스프린트에서 사용하는 가짜 자료 추가 방식을 채용. 가짜자료를 입력 해주는 방식으로 임시 가동 구현된 것을 붙여 둔다. 검색 기능은 구형되지 않았다. 자료는 youtubedata에 요청했던 임의의 20개 자료를 사용하였다.