Front/HTTP, CSS, JavaScript

자바스크립트 기초 입문 강의 30분 - 조코딩

오동순이 2023. 11. 16. 17:06

HTML - 구조

CSS - 색갈

Javascript - 논리 설계

 

1) 변수 

var 

let - 일반적인 변수 만드는 방법

 let a = 1

 

const - 바꿀 수 없는 변수

 

 - 호이스팅 ? 

 

 

2) 함수? - 함수를 행해주는 코드의 묶

함수 입력 하는 예1)

// (함수) 정의
function myFunction(x) {
	let temp = 2*x + 3
    return temp
}

// 실행 - 결과값 5
myFunction(1)

 

함수 입력 하는 예2)

// 함수 정의
function add(x, y) {
	let temp = x + y
    return temp
}

// 실행 - 결과값 3
add(1, 2)

 

보통 쓰는 형태

// 입력 값이나 return이 없이 함수를 묶어두는 형태

function fly() {
	openWings();
    while(true) {
    	moveWings();
    }
}

fly()

 

 

3) 조건문

// 돈이 5000 이상 있을 때 택스를 탄다.
// 단 돈이 2000 이상 있으면 버스를 탄다

if(money > 5000) {
	rideTaxi();
} else if(money > 2000) {
	rideBus();
} else {
	walk();
}

 

* 콘솔창 (Shift + Enter : 다음줄엔터)

콘솔창에서 실습 

 

 

 

4) 반복문 for

// 초기값 let i = 0;
// 조건식 i < 10;
// 증감값 i++

for (let i = 0; i < 10; i++) {
	console.log("나무 찍기" + i);
}
 콘솔창에서 실습

 

4-1) Array

myArray = [1, 2, 3, 4, 5]

myArray.forEach(element => {
	console.log("나무찍기" + element);
});
콘솔창에서 실습