TIL

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

j-coder 2024. 8. 5. 21:56

첫번째 팀프로젝트를 하게 되었는데 간단한 팀소개 웹페이지를 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 나 파이썬에서 배웠던 문법 이긴한데 표현하는게 달라서 조금 헷갈렸다.

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