[내일배움 캠프 10-5] 이제 거의 끝

두근두근

✅ Javascript

---

1. 변수

    <script>
        let a = '안녕하세요';
        let b = '네 반가워요';
        console.log(a);
        console.log(b);
    </script>

    <script>
        let a = '안녕하세요';
        let b = '네 반가워요';
        console.log(a+b);
        console.log(a+b+b);
    </script>

• 변수 : 값을 담아서 한번에 관리하는 친구다
• 변수의 이름은 내가 알아보기 쉽게 지어야 한다. (직관적으로)

---

2. 리스트

<script>
     let a = ['사과','배','수박']
     console.log(a[1])
   </script>

• [ ] 를 쓰면 특정 그룹을 관리 할 수 있음
• 사과를 관리하고 싶어 [1]를 쓰면 아래 이미지처럼 배가 나옴
  
• 프로그래밍의 숫자는 0부터 센다
  -> 사과는[1] 이 아니라 [0]이다.

 <script>
      let a = ['사과','배','수박']
      console.log(a[0])
    </script>

---

3. 딕셔너리

• 딕셔너리에서 뭔가 값을 가지고 나올 때는 [person]쓴다.

<script>
      let person = {'name':'bob', 'age':'30', 'height':'180'}
      let name = person['name']
      let age = person['age']
      console.log(name, age)
    </script>

---

4. 조건문

    <script>
     let age = 25;

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

---

5. 반복문

• 반복을 하기 위해선 반복의 대상이 있어야한다. 어떤 꾸러미 수 만큼 반복해라라고 되어있음
• 반복문은 리스트라고 하는 꾸러미와 쓰인다 ( 99.9%)
• 어떤 array를 foreach로 돌려서 써먹는다.

  array.forEach(element => {
      });

   <script>
        let ages = [15, 30, 28, 7, 40, 13];

        ages.forEach(a => {
            if (a < 20) {
                console.log('청소년입니다')
            } else {
                console.log('성인입니다')
            }
        });
    </script>

---

6. 함수

• 함수는 기본적으로 같은 동작을 반복하는 것

<script>
    function checkResult() {
        let people = [
    { 'name': '서영', 'height': 165 },
    { 'name': '현아', 'height': 170 },
    { 'name': '영환', 'height': 175 },
    { 'name': '서연', 'height': 162 },
    { 'name': '지용', 'height': 190 },
    { 'name': '예지', 'height': 168 }
]
        $('#q2').empty();

       fruits.forEach(a => {
        let temp_html = `<p>${a['name']}은 ${a['age']}살입니다.</p>`;
        $('#q2').append(temp_html);
        });
    }

</script>

=

<script>
    function checkResult() {
        let people = [
    { 'name': '서영', 'height': 165 },
    { 'name': '현아', 'height': 170 },
    { 'name': '영환', 'height': 175 },
    { 'name': '서연', 'height': 162 },
    { 'name': '지용', 'height': 190 },
    { 'name': '예지', 'height': 168 }
]
        $('#q2').empty();

       fruits.forEach(a => {
       let name = a['name']
       let age = a['age']
       let temp_html = `<p>${name}은 ${age}살입니다.</p>`;
        $('#q2').append(temp_html);
        });
    }

</script>

---

주말까지 코딩 과제 당첨....ㅜㅜㅜ
진짜 이거 너무 어렵다.. 이해가 잘 안댕ㅜㅜㅜ 풰에엥ㅇ
이번 한주는 프론트엔드까지 욕심있었는데 그걸 와장창 깨버렸음.. ( 열심히 해도 모르겠음... 강의 듣는데 거의 3시간씩 걸림...)
담주부터 이제 최종 프로젝트던뎅 화이팅 해보자... 화이팅