나무 숲

20javascript30.com/ JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 완강했다! 말도 재미있고 한 회당 길지도 않아서 진짜 재미있게 한듯.. 확실히 그냥 언어를 공부하거나 알고리즘을 푸는것보다는 프로젝트를 하는게 재밌는거구나 ㅎㅎㅎㅎ 깃헙을 편안하게 업데이트할 수 있는 경험이었다 ㅋㅋ 선생님 홈페이지가 넘 예뻐서 가져옴 wesbos.com/ Wes Bos Hey, I'm Wes Bos. I'm here to help you become a really good web developer. I'm a full Stack JavaScript developer from Canada ..

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

Click this to Copy! https://alligator.io/js/copying-to-clipboard/ Copying to Clipboard Using Vanilla JavaScript You're a dozen lines of code away from implementing a copy to clipboard functionality using 0 libraries and just some simple JavaScript. alligator.io 를 참고. https://github.com/wooooooood/Today-I-Learned/blob/master/Javascript/%EA%B8%B0%EB%8A%A5/Copy%20into%20Clipboard.html wooooooood/To..

오랜만에 페어 프로그래밍을 했고 짝님께서 TDD하기 좋은 프레임웤 Jest를 가르쳐주셨다. 코딩도장에서도 나름 TDD를 하긴 했으나 그땐 정말 베이직한 개념만 알고 한거라서 아 이게 TDD구나 하는 느낌은 별로 못받았었다. 이걸 사용해보면서 TDD의 참맛을 느낀 것 같다. https://jestjs.io/ Jest · 🃏 Delightful JavaScript Testing 🃏 Delightful JavaScript Testing jestjs.io 로고랑 컨셉이 예쁘군. 아무튼 이 글의 목적은 설치와 사용법 단순 기록이므로 스샷 나열 간다. VSCode에서 했다. 1. npm init -y package.json이 만들어진다. 2. npm i -D jest development 모드로 jest를 실행하겠..

Javascript 첫걸음 https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps JavaScript 첫걸음 첫 과정에서는 "JavaScript가 뭔가요?", "어떻게 생겼나요?", "뭘 할 수 있나요?"와 같은 근본적인 질문을 먼저 해결한 뒤에 JavaScript를 직접 사용해봅니다. 그 다음으로는 변수, 문자열, 숫자, 배열 등 중요한 구성 성분을 하나씩 자세히 알아봅니다. developer.mozilla.org Javascript 재입문 https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript JavaScript 재입문하기 (JS ​튜토리얼) 어째서 재입문일까요? 왜냐..

회원가입-(4) javascript로 비밀번호 확인 비밀번호 확인의 핵심은 입력한 비밀번호와 비밀번호 확인의 값이 같은가? 를 확인하는 것입니다. 그리고 이게 다입니다. 아래의 예제 결과 화면들을 보면 단적으로, 비밀번호와 비밀번호 확인의 값이 자릿수부터 다르다는 것을 알 수 있습니다. 1 alert 사용 alert는 위와 같이 작은 확인창을 하나 띄우는 것입니다. 2 innerHTML 사용 위의 빨간 글자가 있는 위치에 p 태그를 두고, id를 지정합니다. 비밀번호가 다를 경우 해당 p 태그의 내부 html 내용이 변경됩니다. 수정된 register.html 회원 가입 이름 ID PW PW 확인 onsubmit="return tocheckpw2()" ==> tocheckpw2() 함수가 참일 때 sub..