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

학습시간

487분 (총21강)

수료기준

진도율 100% 이상

수강대상

전 직원

21명

0명

학습하기

과정소개

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

학습내용

1 App 메인 코드 작성하여 JSON 서버 테스트하기(1) 27분
2 App 메인 코드 작성하여 JSON 서버 테스트하기(2) 24분
3 JSON Server 구축하여 프런트엔드 작업하기(1) 30분
4 JSON Server 구축하여 프런트엔드 작업하기(2) 29분
5 JSON Server 구축하여 프런트엔드 작업하기(3) 31분
6 JSON Server 구축하여 프런트엔드 작업하기(4) - 새로고침 vs 초기화 vs CSS 버튼 디자인 25분
7 프런트엔드 CSS Bootstrap(1) - 시작 및 자동완성기능 21분
8 프런트엔드 CSS Bootstrap(2) - 자동완성기능 실습 및 라이브 서버 사용법 25분
9 프런트엔드 CSS Bootstrap(3) - 테이블 기초 및 컬러 선택 28분
10 프런트엔드 CSS Bootstrap(4) - 자주 사용하는 테이블 클래스 13분
11 프런트엔드 CSS Bootstrap(5) - 반응형 테이블 사용시 차이점 21분
12 프런트엔드 테이블 실습(1) 23분
13 프런트엔드 테이블 실습(2) 29분
14 프런트엔드 테이블 실습(3) - 원하는 영역 선택하여 스타일 적용 및 페이지네이션1 29분
15 프런트엔드 테이블 실습(4) - 페이지네이션2 - 정렬과 배치 22분
16 프런트엔드 테이블 실습(5) - Breadcrumbs 네비게이션 16분
17 Emmet Abbreviation 자동완성기능 클래스 적용 및 반복열 단축키로 추가하기 21분
18 프런트엔드 반응형 테이블 실습(6) - Button 15분
19 프런트엔드 반응형 테이블 실습(7) - Full Width Button vs Spinner BUtton 25분
20 Breaktime - 실무에서의 프런트엔드 작업 및 공부할 것들 23분
21 반응형 클래스 responsive 적용시 주의사항 10분

수강후기 4.8 (4개의 후기)

2025-08-02

JSON 서버와 REST API를 직접 연결해 보면서 프론트엔드 실무 흐름을 몸소 체험할 수 있었습니다. 21시간 안에 핵심 개념을 정리해두니 바로 프로젝트에 적용하기에 충분히 유용했습니다.

비공개

2025-04-12

실제 프로젝트에서 JSON 서버와 REST API를 연결하는 과정을 직접 따라해볼 수 있어 바로 적용해볼 수 있었습니다. 설명이 단계별로 체계적이라 복잡한 부분도 쉽게 이해할 수 있었고, 웹서비스 구축에 필요한 핵심 기술을 짧은 시간에 습득할 수 있어 만족스러웠습니다.

비공개

2025-01-21

실제 프로젝트에 바로 적용할 수 있는 JSON 서버와 REST API 연동 방법을 배워서 큰 도움이 되었습니다. 21차시 동안 핵심만 짚어가며 실습 위주로 진행돼서 효율적으로 실무 역량을 키울 수 있었습니다.

비공개

2025-10-30

실제 프로젝트에 바로 적용할 수 있는 JSON 서버와 REST API 연동 방법을 구체적으로 배워서 바로 웹서비스 구축에 활용할 수 있었습니다. 짧은 시간 안에 핵심 개념을 정리해 주어 실무 감각을 키우기에 충분한 과정이었습니다.

비공개

목록보기

마이페이지

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

과정소개

학습내용

수강후기 4.8 (4개의 후기)

추천 과정

[HD]쉽게 배우는 Dreamweaver (드림위버) CC 2021 제대로 배우기 (기초) Part.1 HTML, CSS

[HD]화상회의, 원격 수업을 위한 Webex (웹엑스) 제대로 배우기

[HD]No code(노코드)! AppSheet(앱시트)로 코딩없이 전문가 수준 앱 만들기 (중급 활용) Part.4 - 관계를 이용한 앱 만들기

메타버스 게더타운 스페이스 만들기