[항해99] 웹 개발 종합반 2주차 : Javascript

• 리스트와 딕셔너리

1. 리스트([ ]) : 순서를 지켜서 가지고 있는 형태 -> 여러개가 순서가 있음(ex.호텔방 배정)

2. 딕셔너리({ }) : 키(key)와 밸류(value) 값의 묶음

3. 리스트 + 딕셔너리

students = [
{"name": "Alice", "age": 20, "grade": "A"},
{"name": "Bob", "age": 22, "grade": "B"},
{"name": "Charlie", "age": 21, "grade": "A-"},
{"name": "David", "age": 19, "grade": "B+"}
]

 

• 함수

- 내가 원하는 코드를 저장해둔 자판기

- 할 일(특정 작업)을 모아두고 이름표를 붙이는 것

element - 여기에 요소들이 차례대로 들어감 / list의 하나하나 요소들(사과, 배, 망고, 귤)

fruits(array) - list를 넣어줌

 

• 조건문

- 특정 조건에 따라 맞으면 실행

 

• JQuery

- 코드를 모아둔 덩어리

- 간편한 JS 코드

- JS와 마찬가지로 움직이게 하려고 사용

- 사용전 임포트 해줘야함

- CSS에서는 선택자로 class -> JQuery는 id 값을 통해 특정 버튼/인풋박스/div 등을 가리킴

 

1. 움직이기 : ${'#아이디 값'}으로 해당 #아이디 값을 가진 HTML 지정

 

2. 백틱(` ) 

- 1 왼쪽에 있음

- HTML 요소를 통째로 넣을 때 묶어주는 기호

- 문자와 변수를 함께 서줄 수 있도록 하는 특수기호

 

• 서버 - 클라이언트 통신

출처: https://better-together.tistory.com/60

 

1. json의 구조 (딕셔너리)

 

2. 클라리언트 요청 타입

- POST : 통상적으로 데이터 생성, 변경, 삭제를 요청할 때 (회원가입, 회원탈퇴, 비밀번호 변경)

- GET : 통상적으로 데이터 조회를 요청할 때 (영화 목록 조회)

 

• Fetch

- 검색하고 엔터치는 것을 코드로 입력한 것

 

보완해야 하는 부분 / 부족한 점
- fetch 응용법을 조금 더 봐야 할 것 같다.