[11주_2024_12_30] JS 강의(3)

2024년 12월 30일 (  Monday  )
───────────⚪──────
◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊

[개인]
🩶 JavaScript 강의 듣기
🩶 TIL 작성 및 제출하기
[팀플]
🩶 저녁 팀 스크럼(회고)

---

🤤오늘 진행한 부분!

알기 쉽도록 조금 더 쉬운 개념으로 정리를 해보았다.

 

let, const, var 차이

• let 은 열고 닫을 수 있는 뚜껑이 있는 상자로 내용이 변경 가능
• const는 뚜껑이 잠겨 있어서 한번 넣으면 수정 불가능
• let, const은 블록({중괄호})에서만 사용가능
• var는 옛날 상장, 열고 닫기는 되지만 요즘에는 잘 안씀 ➜ 블록을 무시해서 문제 발생함

원시 타입과 객체 타입

• 원시 타입: 숫자, 문자열(글자), 불리언 같은 간단한 데이터 ➜ 복사하면 새로운 데이터가 됨
  • ex. 사과, 바나나처럼 하나하나의 과일 같음
• 객체 타입: 배열, 객체처럼 복잡한 데이터 복사하면 같은 데이터 ➜ 복사하면 같은 데이터임
  • ex. 여러 과일이 담긴 상자처럼 묶음으로 되어 있음

형 변환➡️ 숫자와 글자를 바꿔 쓸 수 있음

• 숫자 5를 글자 '5'로 만들거나, 글자 '10'을 숫자 10으로 바꾸는 것을 말함
• 숫자를 글자로 바꿀 때 'string(5)', 글자를 숫자로 바꿀 땐 'Number("10")처럼 씀
  • ex. 숫자를 글자로: 'string(123)' ➜ "123"
  • ex. 글자로 숫자로: 'Number("456") ➜ 456

연산자➡️ 계산기 처럼 숫자를 더하고 빼고 곱하는 기호

• 더하기: +
• 빼기: -
• 곱하기: *
• 나누기: /
• 나머지: %

객체와 배열의 차이➡️ 책꽂이와 목록 차이

• 객체는 "책꽂이"처럼 이름표를 붙여서 정리 (데이터 이름(key) 저장)
• 배열은 "목록"처럼 번호로 정리 (데이터 순서(index) 저장)

내장 메서드➡️ 음식 재료를 요구하는 도구같은 것

• map: 배열의 모든 값에 특정 작업을 적용 ➜모든 재료를 다듬는 것
• filter: 특정 조건을 만족하는 값만 골라냄 ➜필요한 재료만 골라내는 것

함수 선언문과 표현식

• 선언문: 이름을 먼저 작성
  • ex. function add(a,b){retuen a+b;}
• 표현식: 이름 대신 변수에 담음
  • ex. const add= function(a,b){return a+b;};

화살표 함수

• 간결한 문법으로 함수를 선언함
• return 문을 따로 명시하지 않더라도 자동으로 처리
  • 단, 함수의 내용이 multi-line인 경우는 중괄오({}) 맟 return 문은 꼭 명시
• 짧게 쓰는 방법: const add=(a,b) ➜(a,b);

조건문

• if: 조건에 따라 동작(만역~라면)
  • if(age)>10 {console.iog("10살 넘었어!";}
• if-else: 조거네 따라 다른 동작(그렇지 않으면)
  • if(age)>10 {console.iog("10살 넘었어!";} else {console.iog("10살 이하야!";}
• switch:여러 조건 처리(여러 선택지가 있을 때)
  • switch(day){ case"Monday": console.log("월요일"); break; case"Friday": console.log("금요일"); break; default: console.log("다른요일");}

반복문➡️ 똑같은 일을 여러번!

• for: 몇 번 반복할 지 숫자로 정함(정해진 횟수만큼 반복)
  • for(let i=0; i<5; i++) {console.iog(i);}
• while: 조건이 맞을 때까지 반복(조건이 맞는 동안 반복)
  • let i=0; while(i<5) {console.iog(i); i++}

---

💭내일 계획

 🤍 데일리 회고

 🤍 강의 듣기

 🤍 집중반 참여하기

 🤍 TIL 작성 및 제출하기

 🤍 저녁 회고