프로그래밍 삽질 중

* 출처 : https://thebook.io/080270/part02/ch07/ Let's Get IT 자바스크립트 프로그래밍: 7장 객체 다루기_가위바위보 게임 thebook.io *이전 글 : https://ba-gotocode131.tistory.com/174 Let's Get IT 자바스크립트 프로그래밍 - 숫자야구(아웃 추가, 시도 횟수 추가) * 출처 : https://thebook.io/080270/part02/ch05/ Let's Get IT 자바스크립트 프로그래밍: 5장 반복문 사용하기_숫자야구 게임 thebook.io * 숫자 야구 - 1~9까지 중복되지 않는 숫자 4개를 고른다 - 4개의 숫자.. ba-gotocode131.tistory.com * 문제점 - 아웃 되거나 시도 횟수를..

* 출처 : 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..

1. 렉시컬 스코프(적정 스코프) - 출처 : https://eun-ng.tistory.com/16 [JS] 6. 함수 스코프 & 블록 스코프 & 렉시컬 스코프 GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creatin.. eun-ng.tistory.com - 중첩된 함수 그룹에서 내부 함수가 상위 범위의 변수 및 기타 리소스에 액세스 할 수 있음 의미 - 함수를 어디에 선언하는 지에 따라 상위 스코프 결정 -> 함수를 어디서 호출하는지가 아니라 어디에 선언하는 지에 따라 결정 - 자바스..

* 출처 : https://thebook.io/080270/ 더북(TheBook): Let's Get IT 자바스크립트 프로그래밍 thebook.io * 두 장의 색이 다른 카드 맞추기 - 색상이 같은 것 2개 이상 = 색상.concat(색상.splice(index(Math.random된 것), 1); - 클릭한 경우 clicked 배열에 넣기 - 카드를 뒤집을 때 초반 카드 공개 시 각각의 카드에 시간차 둘 것, 카드 감출 때도 마찬가지 - onClickCard에서 this는 클릭한 카드가 됨(onClickCard는 startGame 내 card의 이벤트 리스너의 콜백함수) * 카드 뒤집기 중 버그 존재 1) 처음 카드 보여줬다가 다시 뒤집는 동안 카드를 클릭할 수 없어야 하는데, 카드를 클릭하면 카드..

*출처 : https://ko.javascript.info/array-methods 배열과 메서드 ko.javascript.info * arr.slice([start], [end]) - start 인덱스부터 end 인덱스까지의 요소를 복사한 새로운 배열 반환 - start, end가 둘 다 음수 일때 배열 끝에서 요소 개수 의미 - str.slice와 유사한데 차이점 : 서브 배열(subarray) 배열 반환 - arr.slice()는 인수를 하나도 넘기지 않고 호출하여 arr의 복사본을 만들 수 있음 let arr = ['t', 'o', 'p', 'g', 'u', 'n']; console.log(arr.slice(1, 3)); //['o', 'p'] console.log(arr.slice(-2)); /..

* 출처 : https://thebook.io/080270/part02/ch10/ Let's Get IT 자바스크립트 프로그래밍: 10장 클래스 다루기_텍스트 RPG thebook.io * 얕은 복사 & 깊은 복사 (참고 : https://bbangson.tistory.com/78) - 얕은 복사 : 객체의 참조값(주소 값)을 복사, 중첩된 객체가 있을 때 가장 바깥 객체만 복사, 내부 객체는 참조 관계 유지 - 깊은 복사 : 객체의 실제값 복사 - JSON.parse(문자열을 객체로) 과 JSON.stringify(객체를 문자열로)를 조합 시 대상 객체를 깊은 복사가 가능 (단 Math, Date 같은 객체는 복사 불가능) - 참조값 : 여러 자료형으로 구성되는 메모리에 저장된 객체 ex) object..

* 출처 : https://thebook.io/080270/part02/ch09/ Let's Get IT 자바스크립트 프로그래밍: 9장 이차원 배열 다루기_틱택토 게임 thebook.io * 이차원 그리기 - 배열 안에 배열이 들어가 있는 형태 //5(줄) × 4(칸) 이차원 배열을 만들어 보세요. 배열의 요소는 모두 1로 만듭니다. const rows = []; //들어갈 자리 for (let i = 1; i < 6; i++) {//행 const cells = []; for (let j = 1; j < 5; j++) {//열 cells.push(1); } rows.push(cells); } console.log(rows); //결과 //0: (4) [1, 1, 1, 1] //1: (4) [1, 1, 1..