[JavaScript]

JavaScript 쌩 기초

cr.kl_ 2024. 7. 4. 14:41

자바스크립트로 백엔드, 앱 들도 만들 수 있다.

 

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

기본이 된다.

 

변수 : 상자(변수)안에 값을 담는 개념

자바스크립트는 유연해 알아서 입력되는 경우가 많다

= -> 오른쪽에 있는 걸 왼쪽에 넣는 다는 의미

== -> 같다

var : 변경가능

let : 변경가능, 일반적

const : 바뀔 수 없는 변수 생성

 

함수

function 함수이름(들어가는 값[입력값]) {

                                 들어가는 식

                                  return(결과를 돌려주다) }

 

입력,출력 없을 수 있다

ex) function add(x,y) {

               let temp = x + y;

               return temp; }

      add(1,3)

       -> 4

     함수를 호출 한다 -> 이름은 add이고 x,y가 들어갈 것이다 -> 함수 안에서 temp를 선언한다 

      -> 결과를 말해주는데 그 답은 temp이다 -> add의 x,y 값은 1,3이다 -> temp는 x + y이니 1 + 3

      -> temp값은 4 -> 결과 돌려달라고 했으니 4를 보여준다

화살표 함수

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

익명 함수 + 화살표 함수

((x,y) => {return x+y})(1,2)

 

조건문

가정 돈이 5000원이상 있으면 택시를 탄다

논리 시작 -> 가정 -> 결과(참/거짓)

시작 -> 돈이 5000원 있어야 -> 택시를 탄다(참)

if (money > 5000) {console.log("택시를 탄다");}

거짓일때

if (money < 5000) { console.log("버스를 탄다") ;

}else {rideBus();}

+ else{walk();}

[money가 얼마인지 정의해줘야 함]

[let money = 6000] => 택시를 탄다

[let money = 3000] => undefined / else가 있다면 걸어간다

조건문 논리 로직

 

반복문

나무를 10번 찍는다

나무 찍기1 ... 나무 찍기10

반복문 조건 로직

for (초기값, 조건, 증감식)

for (let i = 0; i < 10; i ++) {

        console.log("나무 직기" + i) }

0부터 시작 / 0~9까지

 

 

+추가

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

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

for 반복한다  each 하나씩 -> myArray의 것들을 하나씩 넣어서 실행 시킨다

 

자바스크립트 기초 입문 강의 30분 완성 (youtube.com)

 

'[JavaScript]' 카테고리의 다른 글

4. 조건문과 반복  (0) 2024.07.05
3. 함수  (0) 2024.07.05
2. 변수  (0) 2024.07.05
1. 자바스크립트 기본  (0) 2024.07.05
실습으로 배우는 자바스크립트 기초  (0) 2024.07.04