2 - 1 JavaScript
- JavaScript로 움직이기 = 데이터를 받아서 화면을 바꾼다.
- jQuery : JavaScript를 쉽게 쓸 수 있게 한다.
- Fetch를 통해서 api로부터 데이터를 받아올 수 있다.
- 이를 통해 사이트에서 날씨, 시간 등을 실시간으로 가져 수 있고, 명언 등을 새로고침마다 바꿀 수 있다.
2 - 2 JavaScript
- 프로그래밍 언어 = 기계와 사람이 소통하기 위해 만든 언어
- JavaScript : 브라우저가 알아들을 수 있는 언어
- 개발자 도구 콘솔창에서 Javascript 코드 실행 가능
띄워놓은 페이지에서 Javascipt를 테스트할 수 있게, 개발자들을 위해 만들어둔 도구
- 자바스크립트의 역할 : 1.요소 바꾸기 2. 버튼을 클릭하면 (사용자의 동작에 따라) 요소 바꾸기
2 - 3 JavaScript 기초 문법 배우기
- 기초문법은 JavaScript뿐만 아니라 어느 프로그래밍 언어에서도 개념 자체는 똑같다.
- 변수
예) let num = 20; => 변수를 상자라고 생각하면 20이라는 숫자를 num이라는 상자에 넣었다고 생각하면 됨.
But num = 'Bob' 엔터 console.log(num)이라는 코드를 또 넣으면, num이라는 상자는 기존에 있던 20을 버리고, 제일 마지막에 넣은 Bob을 담아서 출력하게 된다.
- 기본 연산
예) 숫자는 연산되어 나타나고, 문자열은 서로 붙어서 나란히 출력됨
let a = 1 / let b = 2 라고 하고 console.log(a + b) / console.log(a / b) 하면 3과 0.5가 출력됨.
let first = 'Bob' / let last = 'Lee' 하고 console.log(first + last) 하면 BobLee가 출력됨.
console.log(first + a) 하면 Bob1로 a는 숫자였지만 문자열로 취급되어 나란히 나타나게 됨.
- 변수에 담긴 데이터에 따라 연산이 달라지게 됨. 변수에 넣을 수 있는 데이터도 있고 안 되는 것도 있음.
- 숫자형과 문자형의 변수는 데이터를 하나만 저장할 수 있음
리스트, 딕셔너리는 데이터를 여러 개 저장할 수 있음
- 리스트('[ ]')
예) let a_list = [] / let b_list = [1, 2, 'hey', 3]처럼 처음부터 데이터를 넣어서 쓸 수도, 비워놓을 수도 O
순서가 있는 것. 0, 1, 2, 3 순으로 진행. 따라서 console.log(b_list[0]) 하면 1이 출력
리스트 추가 : b_list.push('헤이')
console.log(b_list.length)는 b_list의 길이를 보여준다. 따라서 5가 출력됨
- 딕셔너리(=객체)('{ }') : 키(key)-밸류(value) 값의 묶음(열쇠와 열쇠로 열리는 보물상자로 보면 됨)
키는 중복되면 X, 문자열이어야 O
예) let a_dict = {} / let b_dict = {'name': 'Bob', 'age': 21}
console.log(b_dict['name']) / console.log(b_dict['age']) 하면 각각 Bob와 21이 출력됨
딕셔너리 추가 : b_dict['height'] = 180
- 리스트와 딕셔너리 함께 쓰기
예)names = [{'name':'bob','age':20},{'name':'carry','age':38}]
console.log(names[0]['name']) 하면 bob이, console.log([1]['name']) 하면 carry가 출력
리스트 추가 : new_name = {'name':'john', 'age':7} 하고 names.push(new_name)
*
팀 퀘스트 중 아티클 스터디 2일차인데, 아티클 하나가 아닌 아티클 하나의 본문 내용을 쪼개서 하나 씩 요약하고 인사이트를 적고 있어서 조금 아쉽다. 그래도 내용 하나 하나를 자세히 뜯어봐서 내용을 완전히 이해하기에는 좋다. 강의 두 개를 한꺼번에 들을까 고민 중이다. 하지만 강의 하나만 듣고 내용을 이해하고 익숙해지는 데도 살짝 버겁기 때문에, 강의 하나만 듣되 빠르게 진도를 나갈 가능성이 더 높다. 얼른 기본적인 내용을 숙지해서 코딩에 익숙해지고 싶다.
* 노트 필기