스파르타코딩 내일배움캠프 WIL 5

자바스크립트 문법은 정말 중요하다.

내일배움캠프를 시작한지 벌써 1달이 되었습니다.
벌써 1/5 이 진행이 되었다는 뜻인데, 정신없이 지나 간 것 같더라구요.
1달을 하면서 조금 느낀점인, 기초가 정말 중요하다 입니다.

그 중 자바스크립트의 기초는 아무래도 가장 중요한 부분이 아닐까 합니다.

그동안은 너무 자바스크립트를 만만하게 본 것 같습니다.
아무래도 간단한 기본만 알면 된다는 얄팍한 생각에 자바스크립트를 너무 얕본 것 같더라구요.

덕분에 이번주는 자바스크립트 심화를 굉장히 열심히 공부를 한 주 입니다.
객체가 뭔지, 배열이 뭔지, 전역함수, 형변환 등등 가볍게 알고 있던 내용도 정말 자세히 들여다보는 시간이 였습니다.

앞으로도 시간이 날 때마다 자바스크립트 개념은 꼭 시간을 내서 공부를 해야겠습니다.

CS는 코드를 전반적으로 이해하는데 중요하다.

CS개념 또한 너무 어렵다보니 저도모르게 등한시를 하게 되더라구요.
하지만, 이코드가 왜 이렇게 작동하는지 원리를 이해하는데 CS코드는 정말 중요한 것 같습니다.
무엇보다 이번에 짬이 날 때마다 CS에 관한 내용을 찾아봤는데 정말 도움이 많이 되는 것 같더라구요.

동기,비동기
비동기 = 오래걸리는 B는 일단은 넘어가고 C를 실행시키고 추 후에 다시 B를 다음에 실행시키는 것임
ajax가 대표적인 비동기이다. 굉장히 많은데이터를 가지고있을 수 있다.
그래서 async와 await가 나왔다.

async는 ajax나 서버나 이런데 걸어놓고, 그리고 밑에 await를 써서, 기다렸다가 쓰라는 뜻이다.

console.log(1);
setTimeout(() => {
console.log(2);
}, 3000);
console.log(3);

여기서는, 우선 console.log 1이 실행되고, 3이 실행된다면 2가 실행이된다.

만약 비동기함수에서 어떤 부분을 동기로 변환시키고 싶으면, await와 async를 이용하면 동기로 변환이 된다. 즉 기다렸다가 순서대로 가라는 뜻임
자바스크립트 비동기 해결법 콜백
async와 await, useEffect(리액트) 최신문법.

그러면 왜 async와 await이 나왔을까?
옛날방법은 콜백함수를 걸면 해결 할 수 있다.
콜백지옥을 하면 가독성이 떨어진다.
그래서 async와 await이 나왔다.

호이스팅
var로 선언한 변수들은 맨 위로 올라가서, 호이스팅이 일어난다.
그러면 당연히 에러가 나겠지?
const나 let은 위로 안올라간다.
그래서 const,let을 써라