프로그래밍 삽질 중

https://www.youtube.com/watch?v=PYpVmpCasow&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=11 * 참고 : https://elvanov.com/2597 [Javascript] 비동기, Promise, async, await 확실하게 이해하기 – Under The Pencil 개요 본 글은 자바스크립트에서 Promise 에 대한 개념을 잡기 위해 작성한 글입니다. 자바스크립트의 기본 문법을 먼저 알아야 이 글을 조금 더 수월하게 보실 수 있습니다. 필자는 Node.js 기반에서 elvanov.com promise 장점 실행은 됬는데 결과값을 나중에 (내가 원할 때)할 수 있음 ▶ setTimeout과 달리 코드가 분리됨 ▶ promis..

https://www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb https://www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb www.zerocho.com https://www.youtube.com/watch?v=pgo6URFz8tc&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=6 this 아무것도 없는 this = 기본적으로 window this는 함수가 호출될 때 정해짐 - 함수를 호출 할 때 함수 앞에 객체가 있으면 this는 객체 - 함수가 화살표 함수면 this는 안 바뀜 - new를 붙일 경우 객체는 자기 자신 this를..

* 참고한 강의 https://www.youtube.com/watch?v=0lF2zaQ31Ek&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=4 스코프 체인 - 함수에서 어떤 값에 접근이 가능한지? 어떤 값에 접근이 불가능한지? [예시] const x = "x"; //선언 function c() { const y = "y"; console.log("c"); function b() { const z = "z"; console.log(b); c(); } } //선언 function a() { const x = "x"; console.log("a"); b(); } a(); c(); * 선언에 대한 지도로 확인해보면 a는 b로 접근 불가 * Lexical scope : 함수를..

* 참고한 강의 https://www.youtube.com/watch?v=-79WfViYw3k&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=2https://www.youtube.com/watch?v=ZF6aDhBp5r8&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=3 호출스택 참고 ;https://velog.io/@djaxornwkd12/%ED%98%B8%EC%B6%9C%EC%8A%A4%ED%83%9D%EA%B3%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 자바스크립트 핵심개념 3탄 (호출스택과 이벤트 루..

* 참고한 강의 https://www.youtube.com/watch?v=NS1cIsWlFGI&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=1 [강의 들은 목적] - 함수와 함수 호출의 차이를 정확히 알고 싶었음 - 고차함수가 많이 헷갈리는데 정확히 짚어주길 원함 함수와 함수 호출 차이 (참고 : https://velog.io/@minj9_6/JavaScript%EC%9D%98-%ED%95%A8%EC%88%98%EC%9D%98-%EC%A0%95%EC%9D%98%EC%99%80-%ED%98%B8%EC%B6%9C%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90) JavaScript - 함수의 정의와 호출의 차이점! ✅함수의 🔑정의와 🗝️호출의 차이점에 ..

개별 checkbox가 눌리고 마지막 체크박스에서 전에 checkbox가 눌려짐 See the Pen 체크박스 예제 by 0131ryu (@0131ryu) on CodePen. 참고한 사이트 https://yong-nyong.tistory.com/5 [JavaScript]자바스크립트 체크 박스 선택,해제 시 버튼 활성화,비활성화(회원 가입,약관 동의) 예제 📖 들어가며 자바스크립트를 이용한 회원가입, 약관 동의 예제를 검색하면 jQuery를 이용한 예제가 많은데, 요즘에는 jQuery를 많이 사용하지 않는 추세이고, 순수 Vanilla 자바스크립트를 사용하며 yong-nyong.tistory.com https://medium.com/sjk5766/javascript-object-key-vs-object-..

* 출처 : https://thebook.io/080270/part02/ch06/ Let's Get IT 자바스크립트 프로그래밍: 6장 타이머 사용하기_로또 추첨기 thebook.io * for문 대신 while문을 쓸 때 - 조건이 간단하면 while문, 복잡하면 for문 * 45개의 숫자를 랜덤하게 섞어서 배열에 넣기 - array.splice() : splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경 const plane = ['F/A-18 슈퍼 호넷', 'F-14A 톰캣', 'P-51 머스탱', 'F-35C 라이트닝 Ⅱ']; plane.splice(1, 0, 'Darkstar'); console.log(plane); //['F/A-18 슈퍼 호..

* 출처 : https://thebook.io/080270/part02/ch05/ Let's Get IT 자바스크립트 프로그래밍: 5장 반복문 사용하기_숫자야구 게임 thebook.io * 숫자 야구 - 1~9까지 중복되지 않는 숫자 4개를 고른다 - 4개의 숫자 중 랜덤하게 섞은 후 답을 맞춘다 - 위치가 같고 숫자가 같은 경우 = strike, 숫자만 같을 경우 = ball - ex) [3, 4, 9, 5] 일 때 정답을 [1, 2, 3, 4] 입력 시 0 스트라이크 2볼 * array.push() - 원하는 숫자를 배열에 넣기 const numbers = []; for (let n = 1; n < 10; n++) { numbers.push(n); } console.log("numbers : ", n..