목록자바스크립트 (5)
나무 숲
JS TDD 개론 TDD? Test-Driven-Development 테스트 주도 개발 테스트 케이스 생성→테스트→개발의 짧은 개발 사이클을 반복적으로 수행하며 소프트웨어를 개발하는 프로세스. Red-Green Refactor 라고도 한다. 테스트 케이스 작성 테스트 케이스를 통과하기 위한 최소한의 코드 작성 표준에 맞도록 리팩토링 Uncle Bob describes TDD with three rules: You are not allowed to write any production code unless it is to make a failing unit test pass. You are not allowed to write any more of a unit test than is sufficient t..
공부 소스는 이렇게 많은데 ^^ 언제하지? 1. 모던 자바스크립트 튜토리얼 ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 2. Javascript30 javascript30.com/ JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 3. 웹 프로그래밍 튜토리얼 PoiemaWeb poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com +) 그리고 거의 수학의 정석같은 생활코딩 opentutorials.org/course/1 생활코딩 hello..
호이스팅Hoisting? ES6 이후에서 함수나 변수 선언이 해당 유효 범위(스코프)의 최상단으로 끌어올려지는 것처럼 보이는 현상. 실제로는, 컴파일 타임에 변수/함수 선언이 메모리에 들어가되 할당은 코드를 작성한 위치에서 진행된다. 특징 함수/변수 선언에만 적용된다. 초기화만 해주는 경우 Hoisting이 일어나지 않는다. console.log(num); // Throws ReferenceError exception num = 6; // Initialization 함수 표현식은 정의된 함수를 변수에 할당하는 것이므로 Hoisting이 일어나지 않는다. var square = function (x) { return x * x; }; let, const 선언은 발생하지 않는다. var로 변수를 선언한 경우..
https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif ✨♻️ JavaScript Visualized: Event Loop Oh boi the event loop. It’s one of those things that every JavaScript developer has to deal with in o... dev.to
도구 파워셸 administrator, VSCode 준비 ESLint에 대해 오픈챗방을 통해 올해 처음 알게 되었다. JS상의 불필요한 오류같은것 잡아주고 코드 스타일을 정리해주는 도구로 이해했다. JS스터디에서 다른 분들 사용하시는걸 보고 써보고 싶다고 생각은 했다. VSCode에서 JS 도구 추천을 해줘서 깔았더니 ESLint였다. 곧 시작할 JS스터디를 생각하며 이번엔 써보기로 결심했다. 인터넷 보면서 따라하는데 묘하게 다들 달라서 스탠다드가 뭔지는 모르겠지만 일단 걍 함. 시작! VSCode에서 npm install -g eslint 함. eslint --init이 안먹혀서 파워셸admin으로 넘어가서 시도함. eslint 명령어에 대해 cannot be loaded.. .. is not digi..