1-14_Javascript 기초 문법 배우기(2)

이번 회차 학습 목표 (goal)

---

• 이해 하고자 하는 것
  • 'Javascript 문법' 에 대한 이해

Javascript 기초 문법 이해 하기

---

Ⅰ. 함수

• 함수란
  • ==정해진 동작== 을 하는 녀석들

• 함수 정의하기 (syntax)

  function sum(a,b){
    alert(a+b)
  }

  [요소 읽어보기]
  function : 이제 앞으로 함수다~ 라는 거
  sum(a,b) : '함수 이름'이 sum 이고, '함수의 인자' 로 a,b 를 받겠다는 것
  { } : 해당 함수가 호출되면 -> 이 부분이 자동적으로 실행된다는 의미. '구역' 의 의미
  alert(a+b) : 그러면 sum 함수를 호출하면 -> 1) 자바스크립트 자체 함수인 alert 가 실행된다. 2) alert 는 뭔가를 띄우는 역할을 하는 것 같음 3) 이때, a+b 를 인자로 받으므로, 그걸 띄우겠지.

• [예제] VS CODE 에서 함수 정의하고 > F5 로 디버깅 해서 > CONSOLE 창에서 실행해보기

• [예제] 계산을 하자 alert 이 뜨고 -> 그 다음 계산한 값 alert 이 뜨는 경우

  function sum(a,b){
    alert('계산을 하자')
    return a+b
  }
  let result = sum(2,3)
  alert(result)

• 그러면 이렇게 뜸 👇

• [예제] console.log 를 하면 -> 콘솔 창에 띄워달라 는 의미

  function sum(a,b){
    console.log('계산을 하자')
    return a+b
  }
  let result = sum(2,3)
  console.log(result)

• 콘솔창이 이렇게 열림 👇

Ⅱ. 조건문

[예제1] is_adult 함수

function is_adult(age) {
    if(age > 20){
        alert('성인입니다.')
    }else {
        alert('청소년입니다.')
    }
}

• 결과물

Ⅲ. 반복문

• 의의
  • 루프 의 개념

• 반복문 쓰려면? (syntax)

  let a_list = ['사과', '배', '감', '딸기']
  

for (let i = 0; i < a_list.length; i++) {
console.log(a_list[i])
}

    [분석(읽어보기)]
    `let a_list` : list 자료형에 먼저 담아두기. 

    for : 뭔가를 반복해서 수행할 것 임 

    let i = 0, i++ : 이 i 를 하나씩 증가하면서 뭔가를 반복 시킬 것 임.

    여기에서 i 는 어떤 데이터를 표현?⭐⭐ : a_list 의 '순서' 를 표현 ⭐⭐ 
        - 변수에 담긴 데이터가 무엇을 표현하는가! 를 아는게 제일 중요 ⭐⭐⭐⭐⭐⭐ 

    루프 지속 조건? : i 라는 순서가 a_list.length 가 될 때 까지 하게 된다. 
        - 이 의미는? a_list 를 하나씩 증가하면서, 끝까지 가게 할 때 까지 한다. 

    console.log : 들어오는 인자값을 콘솔에 보여달라 

    a_list[i] : 리스트 변수 + 순서 가 되어서 > 해당 값을 가져오게 된다. 
        - i 는 리스트의 순서 였는데, 리스트의 특성상, 순서를 활요해서 값을 가져올 수 있게 됨. 
        - 따라서, 값을 가져오는 역할을 하게 됨. ⭐⭐⭐ 

    이렇게 읽으면서, CS50 에서 배웠던 내용이 복습이 되는 것 같다. 
    동시에, 더 이상 위에서 노는 지식들에 휩쓸리지 않는 느낌이 든다. ⭐⭐⭐⭐⭐ 
    (CS50 의 중요성 / 기본 이론의 중요성)

<br>

- 결과물 ![](https://i.imgur.com/hrmqC8v.png)



#### 예시2 : 반복문은 리스트와 같이 많이 돌아간다.  (비중 90%)
```js
let scores = [
    { 'name': '철수', 'score': 90 },
    { 'name': '영희', 'score': 85 },
    { 'name': '민수', 'score': 70 },
    { 'name': '형준', 'score': 50 },
    { 'name': '기남', 'score': 68 },
    { 'name': '동희', 'score': 30 },
]

for (let i = 0; i < a_list.length; i++) {
    console.log(a_list[i]['score'])
}

• [읽어보기]
  • [자료형] scores 라는 리스트 안에 dictionary 가 여러개 들어있네

• 결과물

예시3 : 70점 넘는 애들만 찍어줘라 (비중 10%)

• 전형적인 패턴 중 하나 ⭐⭐⭐⭐⭐
  • 이렇게 자주 쓰이는 패턴을 익히는 방식 좋아함 ⭐⭐⭐⭐⭐
  • 스파르타코딩 클럽 강의는 이런데에 의의가 있다고 생각함.

    for (let i = 0; i < scores.length; i++) {
    if (scores[i]['score'] > 70) {
      console.log(scores[i]['name'])
    }
    }