개강일 지남
입문부터 배포까지 리액트로 구현하는 프론트엔드 실무
주식회사멋쟁이사자처럼 · 20회차 · 서울 종로구
JavaReact프론트엔드K-디지털기초
프로그램 요약
- 수업일정
- 2026.08.03 ~ 2026.09.13약 1개월
- 모집정원
- 100명
- 총 시간
- 미표기
- 학습장소
- 서울서울특별시 종로구 종로3길 17 (청진동 D타워)온라인
- 강의장
- 16, 17층
- 수강료
- 미공개 상담 시 확인
출처 · 고용24 등록값 · 기관 표기분은 별도 표시
어떤 분이 수강하면 좋을지
- ✓전공·학력 무관 — K-디지털 기초역량은 제도상 전공을 보지 않습니다
- ✓(사전 지식) 웹 개발 기초 개념 (직무 경험) 개발 직무 (학습 추천 대상) 1. 프론트엔드 개발자가 되고 싶은 취업 준비생 및 주니어 개발자 2. React를 배우고 싶은 개발 입문자 및 기존 개발자 3. 웹 애플리케이션을 직접 만들고 싶은 자 4. 프론트엔드,백엔드 협업의 구조를 이해하고 싶은 기획자 및 디자이너
출처 · 기관 랜딩페이지 · 제도 요건
커리큘럼
고용24 등록 교과목 11개 보기
- 교과목단원명
- 웹 개발 생태계 이해강의 강사 소개 웹의 발전 과정 프론트엔드와 백엔드의 역할 HTTP 프로토콜 호스팅과 도메인
- 웹 개발 환경 설정 및 기초 지식VS Code 설치하기 HTML 구조 이해하기 HTML 태그의 종류 HTML에 CSS 적용하기 자주 사용하는 CSS 속성 CSS의 Flexbox 커머스 페이지 만들기
- 리액트 개발에 필요한 모던 자바스크립트자바스크립트란 변수와 상수 자료형 연산자와 형 변환 조건문 반복문 함수 객체 배열 구조 분해 할당과 스프레드 연산 모듈 시스템
- 리액트 시작하기리액트 소개 Node.js 설치하기 첫 리액트 프로젝트 만들기 JSX 문법 이해하기 컴포넌트 이해하기 리액트에서 css 사용하기
- 리액트 상태 관리와 이벤트 처리하기이벤트 처리하기 상태(State) 관리하기 카운터 앱 만들기 마우스 트래커 만들기 투두리스트 만들기
- 리액트와 외부 환경과의 상호작용Ref 이해하기 Ref를 이용해 DOM 조작하기 Effect와 라이프 사이클 타이머 앱 만들기
- 리액트와 서버 연동동기와 비동기 Promise와 async, await Fetch로 비동기 통신하기 블로그 앱: 프로젝트 소개 및 UI 구성 블로그 앱: 서버 데이터 연동하기 블로그 앱: 로딩 · 에러 상태 관리하기
- 쇼핑몰 앱 만들고 리액트 앱 배포하기프로젝트 소개와 라우팅 설정 메인 페이지 UI 작업 더미 API 서버 구축과 메인 페이지와 연동 상품 상세 페이지 UI 작업 상품 상세 페이지 데이터 연동과 마무리
- 리액트 앱 배포하기Github Pages로 배포하기 Vercel로 배포하기
- 총 훈련시간34 시간
출처 · 고용24
지원 혜택
기관이 공개한 혜택 정보가 없습니다. 상담에서 확인하세요.
출처 · 기관 랜딩페이지 · 훈련장려금은 제도
지원 절차
기관이 공개한 절차 정보가 없습니다. 지원하면 상담에서 안내받습니다.
출처 · 기관 랜딩페이지 · 기관마다 다릅니다
자주 묻는 질문
비전공자도 지원할 수 있나요?
K-디지털 기초역량은 제도상 전공·학력을 보지 않습니다. 다만 기관이 밝힌 훈련 대상이 있어 위 「어떤 분이 수강하면 좋을지」를 함께 확인하세요.
내일배움카드가 꼭 있어야 하나요?
지원 시점에 없어도 됩니다. 상담 단계에서 발급을 진행합니다. 다만 수강신청은 카드가 있어야 마칠 수 있습니다.
선발 절차가 있나요?
기관이 공개한 절차에서 별도 시험·전형은 확인되지 않았습니다. 상담 후 수강신청으로 이어집니다.
예전에 국비 교육을 들었는데 또 되나요?
중복수강 제한이 있을 수 있습니다. 최근 수료 이력이 있으면 상담 단계에서 먼저 확인해야 합니다.
출처 · 제도 요건 · 과정 데이터로 답이 채워지는 질문만
기관 랜딩페이지가 확인되지 않았습니다. 아래 정보는 고용24 등록값입니다.
고용24 2026-08-14 기준 · 매일 갱신
