본문 바로가기 하단메뉴 바로가기

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

[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 연동 방법을 구체적으로 배워서 바로 웹서비스 구축에 활용할 수 있었습니다. 짧은 시간 안에 핵심 개념을 정리해 주어 실무 감각을 키우기에 충분한 과정이었습니다.
비공개