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