2023. 11. 29 수요일

오늘은 웹개발 A to Z 2주차 강의 목록 중 JavaScript 기초 문법과 JQuery(제이쿼리)의 사용법을 연습했다.

기초 문법은 '변수, 자료형, 반복문, 조건문, 함수' 5가지만 알고 있어도 일반적인 사용에는 큰 타격이 없다고 한다....(반신반의 하지만...) 

 - 변수: '데이터를 담아주는 바구니 같은 것' ex) let a = '자바스크립트'; -> a라는 변수 안에 '자바스크립트' 라는 데이터를 주었다. 
 - 자료형
 * 리스트: 순서를 가지고 있는 형태.
 ex) let fruits = ['사과', '배', '복숭아']; fruits라는 변수 안에 리스트가 담겨있다.
(배열 같지만 정확하게 모르니 지금은 넘어가겠다.)

 리스트 자료형에서 데이터를 가져오는 방법.
 ex) console.log(fruits[0]); // 사과
       console.log(fruits[2]); // 복숭아
    (fruits라는 변수에서[몇 번째]); 의 데이터를 꺼내겠다. 
 ** 컴퓨터는 인간과 달리 첫 번째는 1이 아니라 0이 첫 번째이다.(간단하게 2진수를 생각해보자 0101010101010);

 * 딕셔너리: 키(Key)와 밸류(Value) 값의 묶음이다.
(음... 키는 분류할 이름? 밸류는 이름에 대한 값? 이라고 생각하자)
 ex) let user = {'name': '김춘자', 'age': 80};

 딕셔너리 자료형에서 데이터를 가져오는 방법.
 ex) console.log(user['name']); // 김춘자
       console.log(user['age']); // 80 
     (user라는 변수에서['name']키에 있는 밸류(김춘자)를 꺼내겠다.) 

 * 리스트 - 딕셔너리형의 조합: 두가지 자료형이 퓨전된 형태임.
 ex) let user = [          // 시작은 리스트 형태의 대괄호(꺽새)로 시작한다.
       {'name': '김춘자', 'age': 80},    // 딕셔너리 자료형을 선언할 때와 같이 작성을 해주지만! 마지막에 ,(콤마)를 써준다!
       {'name': '김춘삼', 'age': 81},
       {'name': '박순자', 'age': 78}
       ]      // 깔끔하게 마무리는 대괄호로 닫아준다.

 리스트 - 딕셔너리 조합형에서 데이터를 가져오는 방법.
 ex)  console.log(a[0]['name']); // 김춘자
       console.log(a[1]['age']); // 81
       (쉽게 생각하면 리스트형 안에 있는 딕셔너리 형은 리스트형에서의 '사과', '배' 와 같다고 생각하면 쉽다.
        고로 {'name': '김춘자', 'age': 80} 는 첫번째 즉 0번이 된다.
        (user라는 변수에서 [첫번째에 있는]['name']키에 있는 밸류(김춘자)를 꺼내겠다.)