이게무슨일이야..

15:00 진척도 체크 
- 과제 로드맵 기준 to-do : 1/9 영화 카드 리스트 UI구현
- Git 링크 공유 : https://github.com/JungminLee97/sparta
- 현재 구현 정도(100%가 전체 기능 완료 기준) : 100%완료 및 코드 분석 및 직접 코딩해보기 반복예정
- 목표(22시까지):  19시까지 코딩을 반복해서 이해를 최대한 한후 1/10 과제로드맵 시도해보기 및 4강 동기 비동기 강의 다시 듣기

 

 

트러블슈팅
오늘은 api 키 를 받아 fetch해서 가져온 데이터를 html에 연결해주는 작업을 했다. 처음엔 html과 css 를 통해 네비와 메인부분을 최대한 비슷하게 만들어준후에 chat gpt 를 통해 연결하는 방법에 대해 물어봤다. 어떻게 물어봐야하나 고민하며 막 물어보다가
갑자기 내 전체코드를 다 보여주고 어떻게 연결하냐 물어보면 잘알려줄거같아서 보냈더니 답을 아주 잘 보내줬다.
하지만 내가 복붙을 바로 안하고 부분별로 따라쓰거나 복붙을 해서그런지 결론적으로 잘못 복붙을 했다. 그래서 튜터님한테 가게됐다.
가서 상황을 다설명했더니 gpt가 잘 설명했을거라며 화면공유를 해서 보여드렸다. 내가 실수한것을 알게됐다. 중괄호 가 빠져서 오류가나있었고, 변수명을 내맘대로 바꿔놔서 뒤에 연결돼있는 변수가 오류가 난것이다. 그래서 결론적으로 chat gpt가 바로 정답을 보여준것이다. 너무 신기했다.( js 로직 복붙하기 ) 
하나하나 코드를 설명해주셨다. 계속 반복끝에 거의다 이해하게됐다. 
이제 직접 코딩 반복을 실행할예정이다.
해보고 다시확인하고 해보고 다시확인하는 작업을 해봤다.

parentNode.appendChild(newChildNode);
매개변수 설명
parentNode: 자식 노드를 추가할 부모 요소를 의미합니다.
newChildNode: 부모 요소에 추가될 새로운 자식 노드입니다. 반드시 유효한 DOM 노드여야 합니다.
컨트롤 시프트 엘
.이정민 
프라미스 리졸브로인해 다음동작으로 넘어갈수잇다.
동기 비동기 이론적으로 더 찾아보기
-이벤트처리 및 서버통신 과같은  비동기적 이라한다.
뭔가를 기다려야돼고, 뭔가를 동기적이 아닌방법으로 수행할때.
동기가 아닌게 비동기 이다.
sync 동기적 처리방법-하나처리하고다음처리하고다음처리하는방식
async 비동기적 처리방법-순서에맞게 현재 실행코드의완료와 무관하게 다음 코드로 넘어가는방식( settimeout(몇 초 후에 알려줘, addeventlistenr)

비동기 적인 것들을 동기적으로 표현 하려고한다.
그러기위해 필요한 문법이 아래3가지이다.
promise (처리가끝나고나면면 알려줘 라는 약속이다)
new연산자로 호출한 new promise의 인자로 넘어가는 콜백은 바로 실행된다. 그 내부의
resolve(성공) 나 reject(실패)를 기억해야한다
then(다음), catch(오류) 가있는데 위에 성공 실패중 하나가 실행되기전까지는 then, catch로 넘어가지않는다.
따라서 비동기작업이 완료될때 비로소
resolve, reject 를 호출해서 .then 으로 넘어갈수있다! 1번방법!
then 대신에 async / await 도 있다. 2번방법!
async 는 함수 앞에 붙인다 function 앞에 async function 이렇게! 그러면 중괄호 스코프 안에 await키워드를 만난 메소드는 메소드 끝날때까지 무조건 기다리게되어있다 하지만 항상 promise를 반환해야한다! 다시말하자면
promise를 반환하는 함수인 경우, await를 만나면 무조건 끝날때 까지 기다린다.

new promise(function(resolve) { 
settimeout(function( ){
var name = "에스프레소"
console.log(name);
resolve(name);    // name과 2줄밑에prevname 은 같은 인자를 넘겨주는것이다.
},500);
} ) .then(function(prevname ){
return new promise( 위에거 복사하면끝)
 })

generator
async/await 






url 에서 https 프로토콜 다음 로직은 / 무언가 가 나올때마다 바탕화면에서 선택한 폴더안으로 들어가듯이 계속해서 들어가고 들어가고 들어가는 형식이다 그러다가 .com .ko .kr ? 뒤에나오는게 파라미터다!! 맨뒤에 페이지가 있고 바로옆에 가 언어가있다.