[내일배움단] 비개발자를 위한, 웹개발 종합반 2주차 후기 (2)

[2주차 후기 내용]

1. 수업 목표

2. 느낀점

 

[수업 목표]

1. Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다
2. JQuery로 HTML을 조작할 수 있다
3. Fetch로 서버 API에 데이터를 주고, 결과를 받아온다

 

[2주차 후기 내용]

1. 수업 목표

2. 느낀점

 

[수업 목표]

1. Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다
2. JQuery로 HTML을 조작할 수 있다
3. Fetch로 서버 API에 데이터를 주고, 결과를 받아온다

 

서버-클라이언트 통신 이해하기

 

크롬에서 JSONVue를 설치 진행

JSON -> Key:Value로 이루어져, 딕셔너리 형으로 보기 좋게 해준다

 

▶ GET , POST

* GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회

• ? : 여기서부터 전달할 데이터가 작성된다는 의미
• & : 전달할 데이터가 더 있다는 뜻

* POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때

                 예) 회원가입, 회원탈퇴, 비밀번호 수정

 

Fetch 란?

• fetch("여기에 URL을 입력") ← 이 URL로 웹 통신 요청을 보낼 거야!
  • ← 이 괄호 안에 URL밖에 들어있지 않다면 기본상태인 GET!
• .then() ← 통신 요청을 받은 다음 이렇게 할 거야!
• res ⇒ res.json()
  • ← 통신 요청을 받은 데이터는 res 라는 이름 설정(변경 가능)
  • ← res는 JSON 형태로 바꿔서 조작
• .then(data ⇒ {}) ←JSON 형태로 바뀐 데이터를 data 라는 이름으로 실행

[느낀점]

따라하라고 해서 따라한 것뿐인데 2주차도 끝났다....

Jquery로 사용하는 $('') , fetch를 이용해서 업데이트를 하는 것들을 배운 것들이

확실하지 않지만 기억은 난다. 영상을 몇번 돌려보니

forEach(() -> {}) 이걸 제대로 요령껏 써먹을 정도는 아닌 상태라고 생각이 든다

2주차도 얼추 끝냈는데, 조금 더 시간을 할애해서 영상을 안 보고 만들 수 있을 정도의

실력을 키워야겠다