본문 바로가기
카테고리 없음

TIL 17일차(2023-06-07)

by seungbeom35 2023. 6. 7.

이번 주 목표

지금까지 팀원들이 만들어준 프로젝트를 내 손으로 해보기 

이번주 쉬는 날에도 코드 공부 하기.(화요일 달성)

토,일 둘 다  코드 관련 영상들 1시간 이상씩 보기 


규칙

1. 억지로 쓰지 않기. 

 - 진짜 배운 게 있는 날만 쓰기!

2. 양 신경쓰지 않고 기록하기. 

 - 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!

3. 꼭 내 것으로 만든 후 작성하기. 

 - 스스로 생각을 좀 정리해본 후 TIL 글 적기!

 - 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)

밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.


<오늘 한것들>

1.다른 파일에 있는 코드에 있는 값 가져오기

2.영화 예고편 가져오기

3.fetch 2개 이상 사용하기

4.댓글 입력으로 나타날수 있게 하기

5.출력으로 인해 삭제기능 하는중


<고민의 흔적들>

1.코드에 다른 행에 있는 값들을 가져오는것은 쉬운게 아니어서 머리를 쥐어쌋다.

2.fetch를 가져오는데 안에 있는 url의 값이 달라서 가져오는데 오류가 발생했었다.

3.메인 페이지랑 다르게 상세페이지이기에 한번만 돌아도 되서 for of문을 사용했다.

4.동영상을 유튜브에서 가져오기에 가져오는 번호를 입력했는데 유튜브는 동영상을 인터넷에서 가져오는거고 양식이 다르기에 오류가 발생한다.


<해결의 흔적들>

1.다행히 코드에 있는 서버로 옮긴거라 서버에 있는 값만 추출하면 되서

URLSearchParams를 사용해서 추출했다.

2.url이 각자 다른 url 이기에 const를 통해 이름을 다르게 지어주고 간단하게 출력했다.

3.한번만 돌아도 된다. 저것은 무슨 말이냐면 for 문을 안 돌아도 된다는 이야기 이기에 let으로 그냥 설정하고 innerHTML에 넣었다.

4.찾으려는 유튜브 사이트에 들어가 공유로 하면 가져올수있는 코드가 있는데 그것을 입력하고 key의 값만 변경해주면 출력이 잘된다.

5.form을 통해 삭제기능을 만들고 있었고 지금은 remove로 하면 전체삭제가 되어서 removeChild를 사용해서 내가 있는 그행만 삭제하고 싶은데 진행이 안되서 내일해결할려고 한다.