JavaScript 기초 (프론트엔드에 사용되는)

자바스크립트(JavaScript)는 프로그래밍 언어라고 할 수 있다.

• 변수
• 함수
• 조건문
• 반복문

 

1. 변수 : 값을 넣을 상자라고 생각하면 쉽다.

 

• var 변수명
• let 변수명 (가장 흔히 사용하는 변수)
• const 변수명

a = 1 // a 값은 1
a == 1  // a는 1이랑 같다.

let a = 1  // 일반적인 변수

var, let 은 변수값이 바뀔수 있지만
const는 바꿀수 없는 변수라서 값이 하나

2. 함수 : 코드를 묶어서 값을 낸다는 개념

 

• function으로 함수를 정의하여 결과 값을 확인

function myFuntion (x){  // function(함수정의) myFuntion(함수이름: 자유롭게 정의)
	let temp = 2*x + 3 //식을 써줌
	return temp  // return (값을 돌려줌)
}

myFuntion(4)  // 결과 : 11

function add(x,y){
	let temp = x + y
	return temp
}

add(5,6) //값 : 11

//동일한 값 다른 식 2가지방법
//1. function을 적지않는 법
add = (x,y) => {
        let temp = x + y
        return temp
}
//2. 익명함수
((x,y) => {return x+y})(5,6) 

add(5,6) //값 : 11

3. 조건문 (if문) : 특정조건에 맞쳐 결과값을 확인

 

순서도

let money = 5000;

if (money > 3000) {  // if 가정(조건)
	rideBus();  // 결과
	console.log("택시");
}else {
	wolk();
	console.log("걷기");	
}

결과 : 택시

let money = 3000;

if (money > 5000) {  // if 가정(조건)
	rideTaxi();  // 결과
	console.log("택시");
}else if (money > 2000) {
	rideBus();
    console.log("버스");	
}else {
	wolk();
	console.log("걷기");	
}

결과 : 버스

4. 반복문 (for 기본문법)

 

순서도

for (let i = 0; i < 10; i++) {  // 초기값, 조건, 증감식
  console.log(i + 1)
}

결과 :
1
2
3
4
5
6
7
8
9
10

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

myArray.forEach(element => {
	console.log("나무찍기");
})

결과 : 5 나무찍기

 

참고: https://m.youtube.com/watch?v=E-PzX2mKGUQ&feature=youtu.be