닫기
과정 구분
과정 카테고리
태그
검색어
[HD]프런트엔드(Front-end) 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업 과정이미지

[HD]프런트엔드(Front-end) 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업

교육기간
30일
강의구성
21차시
  • 과정 [HD]프런트엔드(Front-end) 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
8.0시간
차시수
21차시
개발년월
202301
내용전문가
김동준
NCS분류
02020302:사무행정

과정 소개

본 과정은 프런트엔드 실무 따라하기 과정으로써 실무에서 많이 사용하는 JSON 서버 기반의 REST API 웹서비스 구축하기에 대해서 학습합니다.

학습 대상

Node.js 기본학습자를 대상으로 프런트엔드 실무 과정중 하나인 REST API JSON 서버 웹서비스 구축을 학습해보고자 하는 학습자

학습 목표

JSON 서버 기반의 REST API 웹서비스 구축에 필요한 제반 스킬들을 학습합니다.

강의목차(총 21강)

1. 1. App 메인 코드 작성하여 JSON 서버 테스트하기(1) 27분

2. 2. App 메인 코드 작성하여 JSON 서버 테스트하기(2) 24분

3. 3. JSON Server 구축하여 프런트엔드 작업하기(1) 30분

4. 4. JSON Server 구축하여 프런트엔드 작업하기(2) 29분

5. 5. JSON Server 구축하여 프런트엔드 작업하기(3) 31분

6. 6. JSON Server 구축하여 프런트엔드 작업하기(4) - 새로고침 vs 초기화 vs CSS 버튼 디자인 25분

7. 7. 프런트엔드 CSS Bootstrap(1) - 시작 및 자동완성기능 21분

8. 8. 프런트엔드 CSS Bootstrap(2) - 자동완성기능 실습 및 라이브 서버 사용법 25분

9. 9. 프런트엔드 CSS Bootstrap(3) - 테이블 기초 및 컬러 선택 28분

10. 10. 프런트엔드 CSS Bootstrap(4) - 자주 사용하는 테이블 클래스 13분

11. 11. 프런트엔드 CSS Bootstrap(5) - 반응형 테이블 사용시 차이점 21분

12. 12. 프런트엔드 테이블 실습(1) 23분

13. 13. 프런트엔드 테이블 실습(2) 29분

14. 14. 프런트엔드 테이블 실습(3) - 원하는 영역 선택하여 스타일 적용 및 페이지네이션1 29분

15. 15. 프런트엔드 테이블 실습(4) - 페이지네이션2 - 정렬과 배치 22분

16. 16. 프런트엔드 테이블 실습(5) - Breadcrumbs 네비게이션 16분

17. 17. Emmet Abbreviation 자동완성기능 클래스 적용 및 반복열 단축키로 추가하기 21분

18. 18. 프런트엔드 반응형 테이블 실습(6) - Button 15분

19. 19. 프런트엔드 반응형 테이블 실습(7) - Full Width Button vs Spinner BUtton 25분

20. 20. Breaktime - 실무에서의 프런트엔드 작업 및 공부할 것들 23분

21. 21. 반응형 클래스 responsive 적용시 주의사항 10분

퀵배너