 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업.JPG "[HD]프런트엔드(Front-end) 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업")
[HD]프런트엔드(Front-end) 실무 따라하기 Part.2 JSON 서버 FrontEnd 작업
| 강사명 | 차시 | 학습시간 | 샘플 |
|---|---|---|---|
| 김동준 | 21 | 8 시간 |
모두보기
과정소개
학습대상
학습목표
학습내용
| 본 과정은 프런트엔드 실무 따라하기 과정으로써 실무에서 많이 사용하는 JSON 서버 기반의 REST API 웹서비스 구축하기에 대해서 학습합니다. |
| Node.js 기본학습자를 대상으로 프런트엔드 실무 과정중 하나인 REST API JSON 서버 웹서비스 구축을 학습해보고자 하는 학습자 |
| JSON 서버 기반의 REST API 웹서비스 구축에 필요한 제반 스킬들을 학습합니다. |
| 1. App 메인 코드 작성하여 JSON 서버 테스트하기(1) 2. App 메인 코드 작성하여 JSON 서버 테스트하기(2) 3. JSON Server 구축하여 프런트엔드 작업하기(1) 4. JSON Server 구축하여 프런트엔드 작업하기(2) 5. JSON Server 구축하여 프런트엔드 작업하기(3) 6. JSON Server 구축하여 프런트엔드 작업하기(4) - 새로고침 vs 초기화 vs CSS 버튼 디자인 7. 프런트엔드 CSS Bootstrap(1) - 시작 및 자동완성기능 8. 프런트엔드 CSS Bootstrap(2) - 자동완성기능 실습 및 라이브 서버 사용법 9. 프런트엔드 CSS Bootstrap(3) - 테이블 기초 및 컬러 선택 10. 프런트엔드 CSS Bootstrap(4) - 자주 사용하는 테이블 클래스 11. 프런트엔드 CSS Bootstrap(5) - 반응형 테이블 사용시 차이점 12. 프런트엔드 테이블 실습(1) 13. 프런트엔드 테이블 실습(2) 14. 프런트엔드 테이블 실습(3) - 원하는 영역 선택하여 스타일 적용 및 페이지네이션1 15. 프런트엔드 테이블 실습(4) - 페이지네이션2 - 정렬과 배치 16. 프런트엔드 테이블 실습(5) - Breadcrumbs 네비게이션 17. Emmet Abbreviation 자동완성기능 클래스 적용 및 반복열 단축키로 추가하기 18. 프런트엔드 반응형 테이블 실습(6) - Button 19. 프런트엔드 반응형 테이블 실습(7) - Full Width Button vs Spinner BUtton 20. Breaktime - 실무에서의 프런트엔드 작업 및 공부할 것들 21. 반응형 클래스 responsive 적용시 주의사항 |