하얀성의 개발 메타인지

사람 수는 몇명인가? 사람 수 만큼 변수 생성. 순서를 정한다. 순서대로 단어를 입력받는다. -> 단어를 변수에 저장 다음 단어를 입력받는다. -> 앞 변수의 끝과 이번에 입력 받은 단어의 첫글자가 같은가? 같으면 다음 변수에 단어를 저장한다. -> 아니라면 다른 단어를 입력하라고 한다. 사람 수만큼 동일하게 위의 과정을 반복한다. 사람 수를 넘어가면 첫번째 변수를 불러온다. 다음 변수 안에 글자를 못넣으면 진것. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58..

localStorage.setItem("상위항목", " 하위 항목(문자열로만 저장)") 문자열로만 저장 가능하고, 변수로는 저장할 수 없지만 setLocalStorage(menu) { localStorage.setItem("menu", JSON.stringify(menu)) }; 이런식으로 JSON. stringify()를 통해 변수를 menu의 하위 항목으로 저장가능해짐. setItem(상위항목, 하위 항목)은 getItem(상위 항목)을 통해 상위 항목에 속한 하위 항목을 반환

오늘 코드 따라치면서 기억나는 부분들.(백지 복습) 코드를 리팩토링하는 이유는 코드를 간결화하여 코드들의 큰 그림을 볼 수 있도록 하기 위함이다. 나중에 내가 짜놓은 코드를 더욱 빨리, 잘 해석할 수 있도록하기 위함이다. e.target.closest("li")contains("list의 하위 list의 class명")) 이런 명령을 통해서 내가 li의 값에 접근해서 그 값에 대해 수정 및 삭제등을 지시를 할 수 있다. 오늘 배운 이 e.target가 eventListener("click", () => {console.log(e.target.textContent)} 가 "click", function {console.log(this.textContent)} 이렇게 쓰임새가 바뀔 수 있다. e.target..

구글에 MongoDB 쳐서 들어가면 무료 시작 버튼 클릭. 이후 가입 완료. https://iteastory.com/194 Nosql MongoDB 무료 사용 방법 (MongoDB Atlas) 아래 설명드릴 내용은 Nosql 데이터베이스인 MongoDB를 무료로 사용할 수 있는 방법입니다. 아래 사이트에서 무료로 MongoDB를 사용해 볼 수 있습니다. The most popular database for modern apps We're the creators of iteastory.com 윗 출처내용보고 꼭. 1. IP주소 생성. 2. username와 '특수문자를 뺀' 비밀번호를 만든다. 3. 지역은 이제 한국 무료화 된것같다. Free available은 안뜨고, 대신 선택안되는 곳이 있는데 노란 ..

// 사용변수 const GAME_TIME = 9; let score = 0; let time = GAME_TIME; let isPlaying = false; let timeInterval; //시간 간격 변수 let checkInterval; let words = []; const wordInput = document.querySelector('.word-input'); // html 클래스들을 js의 상수들에 넣어서 행위제어. const wordDisplay = document.querySelector('.word-display'); const scoreDisplay = document.querySelector('.score'); const timeDisplay = document.querySelec..

setInterval 함수의 반환값을 변수에 할당해두고, clearInterval(변수)를 호출하여 반복을 중단하고, 다시 setInterval로 재시작해주면 된다. 작성 js코드 (css, html 코드는 제외) import BLOCKS from "./blocks.js"; //DOM const playground = document.querySelector(".playground > ul"); const gameText = document.querySelector(".game-text"); const scoreDisplay = document.querySelector(".score"); const restartButton = document.querySelector(".game-text > button..

//DOM const playground = document.querySelector(".playground > ul"); //Setting const GAME_ROWS = 20; const GAME_COLS = 10; //variables let score = 0; let duration = 500; let downInterval; let tempMovingItem; const BLOCKS = { tree: [ [[2,1],[0,1],[1,0],[1,1]], [], [], [], ] } const movingItem = { type:"tree", direction: 0, top: 0, left: 3, }; init() //functions function init() { tempMovingItem = ..

js 부분 코드만 복습을 위해 일부 따왔다. //DOM const playground = document.querySelector(".playground > ul"); //Setting const GAME_ROWS = 20; const GAME_COLS = 10; //variables let score = 0; let duration = 500; let downInterval; let tempMovingItem; const BLOCKS = { tree: [ [[0,0],[0,1],[1,0],[1,1]], [], [], [], ] } const movingItem = { type:"tree", direction: 0, top: 0, left: 0, }; init() //functions function i..

암호를 살펴보면 index 0의 해쉬 값과 index 1의 previousHash 값이 거의 비슷한 모습을 볼 수 있다. 이렇게 암호적으로 유사해서 서로간의 관계는 유지해주지만, 자신도 고유의 해쉬 값을 가져서 다음 해쉬와 비슷한 암호를 갖게 되는... 이른 바 꼬리를 서로 물고 있다. 아래의 difficulty가 3이다. 어려움 정도가 3인데 저걸 10으로 해놓을 경우 컴퓨터가 연산해서 암호를 찾기 까지 오랜 시간이 걸린다. (팬 돌아가는 소리 장난아님;;) this.변수 = 매개변수 를 많이 사용해봄으로서 this.변수 에 대한 이해가 되었고, 딱딱한 이론만 보다가 이렇게도 응용할 수 있구나 볼 수 있어 재밌는 시간이었다. 터미널을 통해 js에 필요한 패키지를 vscode 터미널로 다운받고 사용해볼 ..

사용 프로그램은 vscode이다. 약 3일 정도 소요했다.