TIL 240805 (Javascript 기초문법) 간단하게 훑어보기

첫번째 팀프로젝트를 하게 되었는데 간단한 팀소개 웹페이지를 8월8일 자정까지 만드는것이여서 Javascript 기초문법에 대해 다시 공부를 해보았다.

HMTL은 뼈대, CSS는 꾸미는것, Javascript는 화면을 움직이게하는것이다.

Javascript는 기본적으로 변수, 리스트, 딕셔너리, 반복문, 조건문 이 5개만 잘알면 왠만한 로직들을 원하는대로 구현을 할 수 있다.

 

1. 변수

변수는 값을 가지고 있는 문법이다.

 

• 변수선언

let a = 4

let a = 'Code'   // 문자열은 작은 따옴표로 표시해줘야한다.

 

• 변수 사칙연산

let z = 5

let x = 7

console.log(z+b)  //  12

 

let c = '코드'

let v = '카타'

console.log(c+v)  //  코드카타

 

2. 리스트

리스트는 변수가 순서대로 나열이 된 문법이다.

 

let a = ['봄', '여름', '가을'];
        console.log(a[2])  //  가을

 

3. 딕셔너리

딕셔너리는 키와 밸류값의 모음 이다.

 

        let person = {'name':'yeon', 'age':26, 'height':165}
        console.log(name, age)  //  yeon 26

 

• 리스트와 딕셔너리의 조합

 

        let z = [ {'name':'서연','age':26},

                     {'name':'소연','age':27},

                     {'name':'민석','age':22}

        ]

        console.log(z[0]['name'])  //  서연

        console.log(z[2]['age'])  //  22

 

4. 반복문

반복문은 리스트와 딕셔너리, 변수 등을 반복해서 나타내는 문법입니다.

 

let scores = [68, 55, 77, 48, 80, 95]; // << 반복문

        scores .forEach(z => {
                console.log(z)  //  68 55 77 48 80 95
        });

5. 조건문

조건문은 조건에 맞춰 답을 나타내는 문법입니다.

 

let score = 85;  // << 조건문

        if ( score > 80) {
            console.log('합격입니다')
        }else{
            console.log('불합격입니다')  //  합격입니다
        }

 

• 반복문과 조건문의 조합

let scores = [68, 55, 77, 48, 80, 95];

        scores .forEach(z => {
            if (z > 70) {
                console.log('합격입니다')
            } else {
                console.log('불합격입니다')
            }
        });

 

마무리

 

C 나 파이썬에서 배웠던 문법 이긴한데 표현하는게 달라서 조금 헷갈렸다.

계속 공부하면서 기초문법을 탄탄하게 다져야겠다.