뚝딱뚝딱 코딩 기록_

[Java Script_let const var] 변수와 상수의 선언 방법에 대해 알아보자 ❔변수, 상수 - 변수 (var, let) : 데이터, 오브젝트, 함수 등을 담을 수 있음. - 상수 (const) : 변화하지 않는 값을 가지고 있는 변수. ❔var, let - 데이터 타입에 상관없이 변수 저장할 때 사용. ❓var과 let의 차이점 1. var var /*변수명*/ = /*할당값*/; - 코드 안에서 동일한 변수명 사용이 가능하다. - 호이스팅의 영향을 받는다. 👉 [자바스크립트] 함수 사용하기_function / 호이스팅? - 기존에 동일한 이름의 변수에 할당값이 사라져 오류가 발생할 수 있다. 2. let let /*변수명*/ = /*할당값*/; - 변수선언, 할당방식은 var과 동일 - ..

[Java Script_ setTime()] 타이머 함수에 대해 알아보자 ❔ setTimeout - 비동기 함수 setTimeout(() => { //실행 내용 }, /*time*/) - setTimeout 함수 안에 실행할 내용을 넣고 time 부분에 출력하고 싶은 시간을 입력한다. - time은 [1000 == 1초]로 정의 - 입력한 시간 뒤에 결과가 출력된다. ❓비동기 - 특정 코드가 실행되기 전 다음 코드가 먼저 실행되는 것. - 콜백 함수, promise 등도 비동기 방식이다. 🕙 예시 - 3초 뒤에 "ttugttag!"을 출력하게 해놓았다. setTimeout(() => { console.log("ttugttag!"); }, 3000); console.log("I"); console.log(..

[Java Script_ function] 함수 생성 방법에 대해 알아보자 1. 함수 선언식 function 함수이름() { //함수 내용 }; 2. 함수 표현식 const 함수이름 = function () { //함수 내용 }; let 함수이름 = function () { //함수 내용 }; ❔ 함수 선언식과 함수 표현식의 차이점_호이스팅 (Hoisting) - 함수 표현식은 호이스팅의 영향을 받지 않지만 함수 선언식은 호이스팅의 영향을 받는다! - 변수 선언 방식인 var도 호이스팅 영향을 받는다. ❓ 호이스팅 - 변수의 선언을 해당 변수 범위의 최상위로 끌어올리는 것 - 함수 호출 후 정의해도 사용 가능하다. emailjs.send('service_id', 'template_id', template..

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

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