Doby's Lab

자바스크립트에서 비동기 처리를 시키는 방법 중 콜백에 대해 알아보자. 콜백에 대해 간단히 정의를 내려두면 매개변수(Parameter)에 함수를 할당한다. 나중에 때가 돼서 필요할 때 호출한다. 이 두 가지를 기억해야 한다. 기억하고 있다고 해도 더 깊이 파고들었을 때 음..? 하는 경우가 많았다. 콜백(Call-Back)의 뜻 예시 두 가지를 보자. const temp = 3; function print(temp, printYes, printNo){ if(temp >= 3){ printYes(); } else{ printNo(); } } function printYes(){ console.log("Yes"); } function printNo(){ console.log("No"); } print(temp..

'7월까지 자바스크립트를 끝내야겠다' 생각하고서 벌써 7월 31이다. 오늘부로 문법은 다 끝냈다. (유튜브 드림코딩에서 제공된 자료 공부를 했다.) https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 (물론 새로운 문법이나 새로운 API가 나오면 공부해야한다.) 나름대로 복습하면서 머릿속으로 정리를 잘 끝냈지만 마지막 파트였던 비동기 처리는 꽤 어렵게 다가왔다. 3파트로 나누어 블로그에 정리를 해두어야 될 거 같다고 생각이 들었다. 비동기 처리란? (Asynchronous) 자바스크립트는 동기적으로 코드를 처리하는 언어다. 그 말은 // 코드블럭 (1) console.log(`1`); console.log(..

API라는 개념은 어느 정도 알고 있었지만 API를 사용하여 프로젝트를 해본 경험도 없었다. 차후에 프로젝트를 할 때 짚고 넘어가야 할 문제라고 생각하고 JavaScript를 공부하다가 API가 등장한 것이다. 내가 알고있던 API의 개념과는 달라서 크게 혼동이 와서 간단하게 API를 짚고 넘어가고자 한다. API(Application Programming Interface)란? Interface의 뜻은 어떠한 것을 조작하기 위한 물건이라고 생각을 하면 된다. 우리가 사용하는 키보드, 마우스 등 이러한 것들은 human interface라고 불린다. 즉, 사람들을 위한 것이다. 또 하나의 예시로 오디오 인터페이스가 있다. 음악을 작업하는 사람이나 작업을 함에 있어서 오디오가 중요시 되는 사람들은 오디오 ..

리포지토리를 만들어서 리포지토리에 들어가게 되면 default branch인 main branch가 화면에 나오게 된다. 하지만, 커밋을 할 때는 git push origin master를 통해 master branch에 커밋을 하는데 깃허브에서 master branch로 바꿔서 확인해야 하는 번거로움이 있었다. 우선, main branch로 커밋을 하는 방법이 아닌 임시방편으로 master branch를 default branch로 바꿔보았다. Settings-Branches-Default branch-교차화살표 다음과 같이 바꾸면 다음과 같이 default branch인 master가 나오는 것을 확인 할 수 있다. default branch를 바꾸었는데 예전에 한참 건들다가 놔버린 .gitattri..

자바스크립트 공부를 하다가 내 눈에는 이상한 점을 발견하여 포스팅을 하게 되었다. const print = function () { console.log('print'); }; print(); 다음 코드를 실행하면 아무 문제없을 것이다. 허나, print(); const print = function () { console.log('print'); }; 이 코드는 문제를 일으킨다. [Uncaught ReferenceError: Cannot access 'print' before initialization] 해당 코드가 자바스크립트 엔진에서 돌아가는 원리는 다음과 같다. //const는 재할당할 수 없지만 엔진의 설명을 위해 const print; //print라는 변수에 아무 것도 선언되지 않았다. pr..

보호되어 있는 글입니다.