[HD]ES6 문법과 함께하는 모던 Javascript(자바스크립트) 중급 Part.4 AJAX
| 과정 소개 |
본 과정은 자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다. 이제 더 이상 자바스크립트 따로 ES6 따로 각각 공부할 필요없이 본 강좌를 통해서 최신의 ES6 문법과 자바스크립트 프로그래밍 언어를 같이 공부해나갈 수 있습니다. |
| 학습 대상 |
자바스크립트 언어를 학습하고자 하는 자 2. 자바스크립트의 ES6 문법을 학습하고자 하는 자 |
| 학습 목표 |
자바스크립트 프로그래밍 언어와 최신의 ES6 문법들을 함께 배울 수 있다. |
| 교수 소개 |
김동준 |
| 교재 정보 |
|
학습내용
| 차시 |
내용 |
| 1차시 |
[1] 1. AJAX 시작 |
| 2차시 |
[2] 2. AJAX 학습을 위한 크롬 브라우저 환경설정 |
| 3차시 |
[3] 3. AJAX 실습1 |
| 4차시 |
[4] 4. 서버의 응답 상태를 알려주는 속성들 |
| 5차시 |
[5] 5. AJAX 실습2 - 서버의 응답 상태를 알려주는 속성들 - 실습 |
| 6차시 |
[6] 6. XMLHttpRequest open 메서드의 비동기 사용여부 옵션 |
| 7차시 |
[7] 7. AJAX 실습3 |
| 8차시 |
[8] 8. AJAX 실습4 - 버튼을 활용한 JSON 데이터 호출 및 페이지 드로잉 |
| 9차시 |
[9] 9. 한글 깨짐과 백틱(역따옴표) 사용 |
| 10차시 |
[10] 10. AJAX 실습5 - 2개의 JSON 데이터 호출하여 이미지와 설명글 연동하기(1) |
| 11차시 |
[11] 11. AJAX 실습5 - 2개의 JSON 데이터 호출하여 이미지와 설명글 연동하기(2) |
| 12차시 |
[12] 12. AJAX 실습5 - 2개의 JSON 데이터 호출하여 이미지와 설명글 연동하기(3) - 이미지 출력 |
| 13차시 |
[13] 13. Fetch API를 이용한 AJAX 구현 |
| 14차시 |
[14] 14. Fetch API를 이용한 AJAX 구현 - 실습1 |
| 15차시 |
[15] 15. Fetch API를 이용한 AJAX 구현 - 한줄씩 코드분석(1) |
| 16차시 |
[16] 16. Fetch API를 이용한 AJAX 구현 - 한줄씩 코드분석(2) |
| 17차시 |
[17] 17. Fetch API를 이용한 AJAX 구현 - 실습2 |
| 18차시 |
[18] 18. Fetch API를 이용한 AJAX 구현 - 실습3 |
| 19차시 |
[19] 19. Fetch API를 이용한 AJAX 구현시 Error Catch |
| 20차시 |
[20] 20. Fetch API를 이용하여 메뉴 동적으로 만들기(1) |
| 21차시 |
[21] 21. Fetch API를 이용하여 메뉴 동적으로 만들기(2) - 상세설명 출력 |
| 22차시 |
[22] 22. AJAX Cross Domain 문제 |
| 23차시 |
[23] 23. Async Await란 무엇인가 |
| 24차시 |
[24] 24. Async Await를 이용한 비동기 처리 작업 실습 |
| 25차시 |
[25] 25. Async Await를 이용한 여러개의 비동기 처리 작업 실습 |
|
평가기준
| 평가항목 |
진도율 |
시험 |
과제 |
진행단계평가 |
수료기준 |
| 평가비율 |
- |
0% |
0% |
0% |
- |
| 수료조건 |
100% 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
|
