메뉴 닫기 메가스터디아카데미 로고 로그인 로그인

알림창

알림창 닫기
알림창 닫기

알림을 전체 삭제하시겠습니까?

  • 난이도 난이도

    입문

  • 난이도 난이도

    초급

  • 난이도 난이도

    중급

  • 난이도 난이도

    고급

IT·프로그래밍 생활코딩

생활코딩 - WEB3 (Ajax)

강의개수

총 16개의 강의 (1시간34분)

강의기간

수강기간 30일

관심수

591명의 사람들이 관심을 보이고 있어요

IT·프로그래밍 생활코딩

생활코딩 - WEB3 (Ajax)

강의개수

총 16개의 강의 (1시간34분)

강의기간

수강기간 30일

관심수

591명의 사람들이 관심을 보이고 있어요

강좌소개

우리가 배울 내용이에요!

“ 효율적인 전체 페이지 리로드 ”
Ajax는 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술입니다.

 

수업 소개

웹페이지에서 일부 정보가 달라졌음에도 전체 페이지를 리로드하는 것은 효율적이지 않습니다.
Ajax는 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술입니다. 


 

수업 대상

페이지 리로드를 줄여서 사용자 경험을 향상시키고 싶은 분에게 권합니다.
리로드 할 때마다 모든 정보를 다운로드 하는 비효율이 불만인 분에게도 필요한 수업입니다. 


 

선행학습

JavaScript가 무엇인지 모르신다면 이 수업을 보시면 안됩니다.
자바스크립트를 모르신다면 아래 수업을 먼저 보실 것을 강하게 권합니다.
▶ Web 2 - JavaScript 수업 바로가기

아래 소스코드를 해석할 수 있다면 이 수업부터 시작하시면 됩니다. 

index.htmlcolor.js

 

학습 시간

본 강좌는 총 16강으로 구성되었으며 학습 시간은 약 1시간 34분입니다. 

 

예제

예제 파일은 아래 github 저장소에 있습니다. 

WEB3-Ajax의 github 저장소 바로가기

이런 분들께 추천해요!

  • 유저아이콘

    사용자의 경험 향상

  • 유저아이콘

    효율적인 웹페이지 운영

  • 유저아이콘

    JavaScript 숙련자

커리큘럼 총 16강

Part1. Ajax

16강

01:34:37

1. 수업 소개

FREE

2.1. 수업의 목적 (1/2)

2.2. 수업의 목적 (2/2)

3. 실습 환경 준비

4. 동적으로 컨텐츠 변경하기

5.0. fetch API-사용법

5.1. fetch API-요청과 응답

5.2. fetch API-response 객체

6.1. ajax의 적용

6.2. 리팩토링 함수화

7.1. 초기페이지(1/2)

7.2. 초기페이지(2/2)

8.1. 글 목록 (1/2)

8.2. 글 목록 (2/2)

9. fetch API polyfill

10. 수업을 마치며

수강후기

여러분의 리얼한 후기를 남겨주세요.

수강후기는 예비 수강생과 강사님께 큰 도움이 됩니다.

방문자 님이런 강좌는 어때요?

무료강의

닫기
캠퍼스로고

메가스터디 컴퓨터아카데미 강남캠퍼스

주소

서울 서초구 서초대로 77길 41 8층 (서초동, 대동빌딩)

전화번호

02-588-9991

TOP