리액트(#React )에서 #AJAX 기능 사용하기
리액트로 구현한 애플리케이션에서 ajax 기능을 사용하는 방법을 다루고 있는 수업입니다.
아래 내용을 다루고 있습니다.
– 리액트의 콤포넌트를 초기화 할 때 ajax를 이용하는 방법
– 이벤트에 따라서 콤포넌트를 업데이트하는 방법
– 리액트 콤포넌트의 재사용성을 높이는 방법
– 로딩중임을 사용자에게 알려주는 기능의 구현법
아래 내용은 다루고 있지 않습니다.
– 데이터베이스
– React
– Ajax
3명의 학생들이 수강
리액트로 구현한 애플리케이션에서 ajax 기능을 사용하는 방법입니다.
여기서는 리액트의 콤포넌트에서 ajax를 api 로 이용하고, 이벤트에 따라 콤포넌트를 다루고,
이런 리액트 콤포넌트의 재사용성을 높이는 방법과 로딩중임을 시각화해서 보여주는
실습을 해봅니다.
관련 다음의 내용은 필요에 따라 공부하시면 좋습니다.
– 데이터베이스
– React
– Ajax
모든 수업과 소스코드는 아래 주소에 있습니다.
https://opentutorials.org/module/4549
샵투는 생활코딩님의 허락을 얻어 생활코딩의 동영상을 강좌로 구성했습니다.
생활코딩은 일반인에게 프로그래밍을 알려주는 활동입니다.
더 많은 정보를 원하시면 http://opentutorials.org/course/1 를 방문해주세요.
생활코딩님의 CLC 라이선스 규정은 Creative Commons 저작자 표시 2.0 문서를 참고해주세요.
강좌 교육과정 소개 (COURSE CURRICULUM)
오리엔테이션 | |||
수업소개와 실습 준비 | 00:09:00 | ||
Ajax로 리액트 컴포넌트 만들기 | |||
ajax로 컴포넌트 초기화하기 | 00:09:00 | ||
컴포넌트의 상태 변경하기 | 00:11:00 | ||
React & Ajax – 약간의 리팩토링 | 00:06:00 | ||
마무리 | |||
로딩 중 기능 구현과 수업을 마치며 | 00:14:00 |