2-1. 2주차 오늘 배울 것

＃ 2주 차에서는 1주 차 결과물에 생기를 불어넣는 것을 배운다! (움직임)

＃ Javascript: 웹을 움직이게 하는 코드, 동작 명령
＃ jQuery(라이브러리): html 뼈대를 선택해서 쉽게 조작 가능
＃ Fetch: 짧은 코드로 요청을 보내고 받아올 수 있다. / 서버에서 내려오는 데이터를 가져다 쓸 수 있게 한다!

2-2. Javascript 맛보기

＃ Javascript는 브라우저들이 유일하게 알아먹는 프로그래밍 언어라고 볼 수 있다. (표준 언어)
＃ Java와 Javascript는 아무런 관련 없음!

＃ 상단 이미지 : 영화 기록하기 버튼을 누르면 hey()라는 함수를 실행시킨다. - 이때 hey() 함수에는 alert라는 메소드가 담겨있는데 이는 ( )안에 적힌 메시지를 전달하는 창을 띄우는 기능을 한다.

2-3. Javascript 기초 문법 배우기

＃ alert : 알림창을 띄우는 기능
＃ console.log() : ( )안에 적힌 내용이나 기능을 웹 브라우저 개발자도구 console 탭에 표시한다.
＃ 브라우저의 console 창에서는 간단한 코딩 테스트 연습도 가능하다.
＃ 변수 : 값을 담는 박스 ex) let a=123 / let b='사과'
＃ 배열(꾸러미) : 이름과 인덱스로 참조되는 정렬된 값 ex) let 과일 = ['사과', '배', '귤']
이때 과일[1]의 값은 배가 나온다. 그 이유는 인덱스의 값이 0부터 시작하기 때문이다.
과일의 요소의 갯수를 알고 싶을땐 과일.length 값을 구하면 된다. → 3
＃ dictionary → key-value / ex) let a= {'name':'영수', 'age':27}
이때 이름 값을 갖고 오고 싶으면 a['name']이라고 입력한다.

＃ ↑ 내가 진짜 헷갈려하는 부분이 나왔다.. 현재 console.log안에 있는 내용은 영수를 가리키고 있다.
a라는 변수안에 있는 객체의 0번째 값에서 name의 값을 가져오라는 뜻..!

2-4 ~ 2-5. Javascript & jQuery 연습하기

＃ 똑같은 기능을 하지만 jQuery를 이용하면 훨씬 더 짧고 직관적인 코드를 작성할 수 있다.
＃ css에서 스타일을 적용할 때 명찰이 필요했던 것처럼 jquery에서도 지칭할 수 있는 이름이 필요하다.
👩🏻 : 여기서 궁금한것이 생겼다 강사님이 jquery에서는 이 지칭하는 것을 id를 사용한다고 하셨는데 class는 안되는 것일까? 아니면 여기 강의 한정으로 그렇게 정하신 걸까? 알아봐야겠당..
해결!

＃ 사용 예시 → $('선택자').text(변수명)을 입력하면 해당 변수 안에 담긴 값이 해당 선택자의 text값으로 들어간다.

＃ 반복문

• 리스트.forEach((이곳에 들어가는 것은 변수처럼 사용이 가능합니다.) => {})

＃ 조건문

• if(조건) {} else {}

2-6. jQuery 연습하기

＃ .append()메소드 : 선택된 요소의 마지막에 새로운 HTML 요소나 콘텐츠를 추가한다.