웹 개발일지-1주차 2일차 (JS)

자바스크립트의 기초 문법-변수, 자료형, 함수, 조건문, 반복문

1.변수 let

let a = 2

-> a라는 박스를 꺼내서 2를 담았습니다.
let "___" 은 값을 담는 박스다.

let first = "green"
let last = "vegan"

first + last
'greenvegan'

문자열을 부여할 때는 ''/""로 담아줘야한다.

2. 자료형 list

리스트는 나열할 때, [] 형태로 쓰인다.

let a_list = ['수박','참외','배']

a_list[0]
'수박'
a_list[1]
'참외'
a_list[2]
'배'

이후에 뭔가 나열에 추가하고 싶을 때는 push를 사용한다.

a_list.push('감')
4
a_list[3]
'감'

3.딕셔너리

누군가가 생일을 물어볼 때 그 의미는 생일에 대응되는 날짜를 알려달라는 것
='생일'이라는 Key값에 대응되는 값(Value)를 알려달라는 의미

let a_dict = {'name':'bob', 'age':27}

a_dict['name']
'bob'
a_dict['age']
27

딕셔너리의 경우 push를 쓰지 않아도 쉽게 추가가 가능하다.

a_dict['height']=180
180

a_dict
{name: 'bob', age: 27, height: 180}

딕셔너리에 리스트를 추가하는 것도 가능함

a_dict['fruits'] = a_list
(3) ['수박', '참외', '배']

a_dict
{name: 'bob', age: 27, height: 180, fruits: Array(3)}

a_dict['fruits'][2]
'배'

나눗셈의 나머지 구하기 = %

 let a = 100

a % 8
4
a % 3
1

부등호를 사용한 T/F

a < 150
true
a > 200
false
a == 100
true
a != 100
false

=는 같다/ !는 같지 않다의 의미로 쓰인다

문자열 나누기 split

하나의 문자를 기준으로 문자열을 나누기
나눠진 문자열을 재차 나눌 수도 있다.

let mymail = '[email protected]'

mymail.split('@')
(2) ['vegan', 'gmail.com']

mymail.split('@')[1]
'gmail.com'

mymail.split('@')[1].split('.')
(2) ['gmail', 'com']

mymail.split('@')[1].split('.')[0]
'gmail'

3. 함수

프로그래밍의 함수=부르면 정해진 동작을 한다

function sum(num1, num2){
    return num1+num2
}

sum(1,2)
3

let result = sum(2,3)

result
5

return = 끝내고, 나를 변신시켜줘!

function mysum(num1, num2){
    alert('Hello')
    return num1+num2
}

let result2 = mysum(2,3)

result2
5

동작이 끝나고 결과 값이 나오는 함수

4. 조건문 if

if 조건

let age = 24

if(age > 20){
    console.log('성인입니다')
} else{
    console.log('청소년입니다')
}

성인입니다

else if 조건

if(age > 20){
    console.log('성인입니다')
} else if (age > 15){
    console.log('청소년입니다')
} else {
    console.log('아동입니다')
}

AND 조건 &&

let age = 24

if(age > 20 && sex == '남성'){
    console.log('성인 남성입니다')
} else{
    console.log('청소년입니다')
}

성인 남성입니다

OR 조건일 때는 ||(백스페이스 아래 키를 shift를 누른채로 클릭)

if(age > 20 || sex == '남성'){
    console.log('성인 남성입니다')
} else{
    console.log('청소년입니다')
}

5. 반복문 for

let people = ['철수','영희','민수','형준','기남','동희']

people. length
6

for (let i = 0; i < people.length; i++){
    console.log(people[i])
}
철수
영희
민수
형준
기남
동희

let scores = [
   {'name':'철수', 'score':90},
   {'name':'영희', 'score':85},
   {'name':'민수', 'score':70},
   {'name':'형준', 'score':50},
   {'name':'기남', 'score':68},
   {'name':'동희', 'score':30},
]

scores[1]
{name: '영희', score: 85}

scores[1]['score']
85

for (let i = 0; i < scores.length; i++){
    console.log(scores[i])
}
{name: '철수', score: 90}
{name: '영희', score: 85}
{name: '민수', score: 70}
{name: '형준', score: 50}
{name: '기남', score: 68}
{name: '동희', score: 30}

for (let i = 0; i < scores.length; i++){
    console.log(scores[i]['name'])
}
철수
영희
민수
형준
기남
동희

for (let i = 0; i < scores.length; i++){
    let name = scores[i]['name']
    let score = scores[i]['score']
    console.log(name,score)
}
철수 90
영희 85
민수 70
형준 50
기남 68
동희 30

if를 섞어서 반복문 만들기

for (let i = 0; i < scores.length; i++){
    let name = scores[i]['name']
    let score = scores[i]['score']
    if (score < 70)
    console.log(name,score)
}
형준 50
기남 68
동희 30

예재 풀기

40보다 큰 미세먼지 지수를 가진 지역 찾기

for (let i = 0; i < mise_list.length; i++){
    let gu_name = mise_list[i]['MSRSTE_NM']
    let gu_mise = mise_list[i]['IDEX_MVL']
    if (gu_mise > 40){
        console.log(gu_name, gu_mise)
    }
}

은평구 42
도봉구 41
강서구 42
영등포구 41
동작구 41
금천구 43
서초구 41
송파구 42