왕초보 코딩 개발 일지 블로그

// 두 개의 숫자 입력 let num1 = Number(prompt('첫 번째 숫자를 입력해 주세요')) let num2 = Number(prompt('두 번째 숫자를 입력해 주세요')) // 1. 함수 선언문 // function 함수 (파라미터) {실행문} function 합1(파라미터) { console.log(`두 숫자의 합은 ${파라미터}입니다.`) } 합1(num1+num2); // 2. 함수 표현식 // const 함수 = function(파라미터) {실행문} const 합2 = function(파라미터) { console.log(`두 숫자의 합은 ${파라미터}입니다.`) } 합2(num1+num2); // 3. 화살표 함수 // const 함수 = (파라미터) => {} const 합3 ..

// 두 가지 정보를 입력 // 1. 이모티콘 2. 숫자 // 숫자만큼의 길이(층)를 가진 (직각)삼각형 만들기 // 두 가지 정보 입력 (이모티콘, 숫자) let emoji = prompt('이모티콘을 입력해 주세요') let num = Number(prompt('길이(층 수)를 입력해 주세요')) let total = 1 for(let i = 0; i

// object 객체 : 여러 데이터를 하나의 변수에 저장할 수 있는 데이터 타입 // 구조 : {key1:value1, key2:value2, .....} // key : 객체의 속성(property) // value : 속성의 값 / 기본 자료형, 함수, 배열, 객체 // person이라는 object 개체가 생성됨 // person이라는 개체(변수)에 다양한 데이터 타입의 내용들이 포함되어 있음 let person = { name : "이00", age : 30, wearGlasses : false, intro : function(){ console.log("오늘도 공부를 열심히 합니다") }, favorite : { food : "chickena🐔", drink : "americano☕" }, ..

let nameList = ['이람다','최성우','김윤호']; // 배열함수 // 1. 마지막 인덱스 데이터 추가 : push() nameList.push('박병관') document.write(`마지막 추가 : ${nameList} `) // 2. 마지막 인덱스 데이터 삭제 : pop() nameList.pop(); document.write(`마지막 삭제 : ${nameList} `) // 3. 첫번째 인덱스에 데이터 추가 : unshift() nameList.unshift('임용진'); document.write(`첫번째 추가 : ${nameList} `) // 4. 첫번째 인덱스에 데이터 삭제 : shift nameList.shift(); document.write(`첫번째 삭제 : ${name..

// 배열에 저장된 데이터를 반복문으로 출력하기 // for문 let nameList = ['유지원🐈', '이민호🦆','단소😸'] // for(초기값; 조건식; 증감식) for(let i=0; i{ document.write(index, element); }) 최댓값 출력하는 방법 // 1. 데이터를 담은 배열을 생성 let numList = [23,54,78,13,44]; // 2. 최댓값을 찾아서 출력 // alert를 이용해서 '최댓값>>숫자'로 출력하기 let maxNum = numList[0]; for (let i=0; imaxNum){ maxNum=numList[i]; } } alert(`최댓값 >> ${maxNum}`); 홀수만 출력하는 방법 // 1. 데이터를 담은 배열을 생성 let nu..

함수 선언문과 함수 표현식은 자바스크립트에서 함수를 정의하는 두 가지 방법입니다. 함수 선언문은 함수 이름을 지정하고, 함수 몸체를 중괄호({})로 둘러싸서 정의합니다. 함수 선언문은 함수가 정의되기 전에 호출될 수 있습니다. function func1(파라메터){ document.write(파라메터,'함수 선언문 '); } 반면, 함수 표현식은 변수에 함수를 할당하는 형태로 정의합니다. 함수 표현식은 변수가 선언된 이후에야 호출할 수 있습니다. const func2 = function(파라메터){ document.write(파라메터,'함수 표현식 '); } 두 방식의 가장 큰 차이점은 호이스팅(Hoisting)입니다. 호이스팅은 자바스크립트가 실행될 때, 변수와 함수 선언을 메모리에 할당하는 것을 의미..

" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스DOCTYPE html> html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Vending Machinetitle>head>body>    script>        const drink = prompt("어떤 음료를 선택하시겠어요?");        const cash = Number(prompt("동전을 넣어 주세요"));        let won = ..

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> first time Hello world! Change💕 Revert🎶 first time! HTML CSS JavaScript btnChange = function(){ //함수선언 document.getElementsByTagName('body')[0].style.backgroundColor='black'; // 문서에서.가져와라 요소를 태그이름을 통해서(body태그)[0번째].스타일을 바꿔라.배경색='검은색'으로; document.getElementsByTagName('body')[0].style.color='white'; // 문서에서.가져와라태그이름을 통해서 요소를(body태그)[0번째].스타일을지정해라.글씨색을='흰색으로'; } ..

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> background color let color = prompt("원하는 색상을 입력하세요 (빨강, 파랑, 초록)"); // 원하는 색상을 입력하세요 라는 입력 창 만들기 // 빨강 -> red, 초록 -> green, 파랑 -> blue // if (color == '빨강') { // document.getElementsByTagName('body')[0].style.backgroundColor='red'; // } else if (color == '초록') { // document.getElementsByTagName('body')[0].style.backgroundColor='green'; // } else if (color == '파..