html 4

[바닐라 자바스크립트] 프로젝트 초기 환경 설정 / Webpack, Babel, Vanilla Javascript

[Vanilla Javascript_ 프로젝트 환경 설정] Webpack과 Babel을 이용한 프로젝트 초기 환경 세팅 💡 프로젝트 생성 프로젝트 폴더(빈 폴더)에 src 폴더를 생성하고 하위에 HTML파일과 JS 파일을 만든다. 이때, 파일 이름, 위치는 원하는 대로 설정 가능! ** 꼭 src 폴더에 넣지 않아도 된다 ** 💡 package.json 생성 npm init 프로젝트에서 사용할 패키지 매니저를 사용하여 init 명령어를 사용하면 몇 가지를 물어보는데 프로젝트에 맞게 설정하고 작성해 주면 된다. 완료되면 node_modules 폴더와 package.json, README.md 파일이 생성된다. 💡 패키지 설치 npm install -D //패키지 이름 위 //패키지 이름// 부분에 아래에 ..

RECORD 2022.12.03

[웹게임_자바스크립트] 계산기 만들기_🔢

[Java Script_ Calculator] 아이폰 계산기와 유사하게 만들어보자! 🔢 변수 만들기 ❔ 숫자, 문자를 저장할 변수 만들기 - 첫번째 숫자, 연산자, 두번쨰 숫자를 저장할 세 가지 변수가 필요하다. - 숫자를 입력할 떄마다 바뀌어야 하기 때문에 const 대신 let을 사용한다. let number1 = ''; //첫번째 숫자 let number2 = ''; //두번째 숫자 let operator = ''; //연산자 🔢 버튼 이벤트 만들기 ❔ 숫자 버튼 클릭 이벤트 만들기 - 연산자가 저장되어 있는지를 기준으로 number1과 number2의 기능을 나누었다. - 버튼을 누르는 순간 textContent를 이용하여 계산기 화면(result)에도 값을 출력한다. const click_num..

RECORD 2022.02.12

[웹게임_자바스크립트] 숫자 야구_⚾

[Java Script_ Number Baseball] ⚾ 랜덤으로 숫자 뽑기 ❔ 0부터 9까지의 숫자 중 설정한 자릿수 만큼의 숫자를 랜덤으로 선택하기 1. 0부터 9까지 연속적인 숫자 배열 생성 첫 번째 방법 : 빈 배열을 선언한 뒤 for 반복문을 이용하여 push 한다. const numbers = []; for (let i = 0; i index); 2. 생성된 배열 numbers에서 랜덤으로 숫자를 선택하여 answer(답) 만들기 const an..

RECORD 2022.02.11