프론트엔드 풀스택 개발자(React, Node.js)
- 1차 개강일
- 24년 07월 30일(화)
- 2차 개강일
- 24년 08월 06일(화)
- 웹 콘텐츠
- UX
- UI
- HTML
- CSS
- JavaScript
- REACT
- Node.js
- 프론트엔드
- 백엔드
![](/upload/curriculum/master/2023/2023010314461227538882744.png)
![](/images/event/free-0won/free0won-line.jpg)
지금 신청하면 모든 온라인강의가 0원이라고?
간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원
2개월 프리패스 제공안내받기
웹 콘텐츠의 기획 및 분석과
디자인과 프론트엔드 개발을 동시에!
스마트 웹콘텐츠 UI/UX 디자인 &
프론트엔드(React,node.js)란?
![](/upload/summernote/2024/7/2024071512433814622424505.png)
스마트 웹콘텐츠 개발에 필요한 UI 디자인과 프론트엔드(React,node.js)
언어를 배우며 다양한 스마트기기 플랫폼에 적용 가능한 웹 기반의 콘텐츠서비스를
기획, 분석, 설계, 구현,테스트, 배포 및 유지보수 할 수 있습니다.
Start now
![](/upload/summernote/2024/7/2024071512433801131403820.png)
- UI UX
- 사용자 리서치
- 정보구조
- 와이어프레임&프로토타입
- 비쥬얼디자인
- Photoshop, Figma
- FRONT-END
- HTML/CSS
- JavaScript
- React
- Node.JS
- AWS 서버 구축
프론트엔드 및 Node.js로 서버단 관리까지!
UI UX 기획 및 디자인부터
프론트엔드(React) 및
백엔드(Node.js)개발까지!
모든 소프트웨어 업계에서 가장 핫한 단어 UX/UI
- 모바일 UI 화면 설계 : 디자인 트렌드를 반영하여, 좋은 UI/UX 디자인을 설계
- 프로토타이핑 : 디자인 툴을 사용한 프로토타이핑
- 리액트(React) : facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수
있으며 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. - Node.js : Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임으로
노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며,
서버를 실행하는 데 제일 많이 사용됩니다.
![](/upload/summernote/2022/10/2022103111555423357175585.png)
- 산업수요를 반영한 구직자 맞춤형 실무교육 커리큘럼으로 진행됩니다.
- 모바일, PC용 웹 UI 최신 트렌드를 반영한 교육훈련을 진행합니다.
- 취업에 필요한 포트폴리오 제작 및 프로젝트를 학습합니다.
- 담당 훈련교사와 교육담당자, 취업상담사를 통해 월 1회 및 수시상담을 진행합니다.
- 전시회·공모전·워크샵 등 풍부한 현장경험 기회로 실무역량을 강화합니다.
![](/upload/summernote/2022/11/2022110112074537430741872.jpg)
- 웹 콘텐츠 기획
- 기초데이터 수집
- 아이디어 스케치
- 스토리보드 제작
- UI UX 디자인
- 포토샵 기초 / 피그마
- UI/UX 디자인 이론
- UI 구현
- 퍼블리싱
- HTML5/CSS3
- 자바/제이쿼리 기초활용
- React / Node.JS
- 애플리케이션
- 테스트 수행
- 배포
- 포트롤리오
- 모바일 디자인
- 메인 디자인
- 개인사이트 디자인
UI/UX Frontend 당신은 디자인과 프로그래밍
당신은 디자인과 프로그래밍
모두 가능한 경쟁력 있는
UI/UX 전문가로 거듭납니다.
기초부터 요즘 핫한 최신 기술까지 배우고
디자인 능력을 겸비한 프론트엔드 개발자로 성장!
![](/upload/summernote/2022/10/2022103112003371430627521.png)
관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
개발자 환경 구축
- 운영체제의 이해 ( GUI vs CLI )
- CLI 환경 이해와 활용
- 코딩을 위한 IDE (통합개발환경) 의 종류
- VS CODE 기본 사용 방법 파악하기
- VS CODE 플러그인/익스텐션 활용하기
개발 환경 운영 지원
- Git의 이해와 기본 명령어
- Github을 활용한 프로젝트 형상 관리
- 2
HTML, CSS, JavaScript
(화면 구현)- HTML을 활용한 시멘틱 웹 페이지 제작
- CSS를 활용한 반응형 웹 페이지 제작
- SCSS를 활용한 CSS 전처리
- Javascript 기초 문법
(자료형, 연산자, 함수) - Javascript 내장 객체
(Math / Date / Object 등)
- 3
바닐라 스크립트
- 이벤트 처리
- Window 객체 · 웹 브라우저 제어하기
- Document 객체 · DOM 제어하기
- Image, Form, Screen, Navigator
객체 - Geolocation을 기반한 위치 정보 활용
- Cookie 데이터 저장 및 활용
- LocalStorage, SessionStorage
- Web SQL Database 활용
- 4
프로그래밍 언어 활용
- 변수, 상수, 데이터 타입, 연산자, 배열
- 프로그램 흐름 제어 (조건문, 반복문)
- 함수(기본함수, 익명함수, 화살표 함수)
- 객체지향 프로그래밍 (JSON,
Prototype, Class) - 클로저
- Javascript 기본 API 활용하기
(내장함수, 내장객체) - Promise, Async/Await
- XMLHttpRequsest 기반 Http Client
- 모듈과 패키지
- NPM 기반의 오픈소스 패키지 활용하기
- YARN 기반의 오픈소스 패키지
활용하기
- 5
React.js
- React 환경 파악하기
- SPA 구조 이해하기
- JSX 표현법
- React 컴포넌트
- 스타일 적용하기
- Hook의 이해와 활용
- Event 처리
- 클래스 기반 컴포넌트 살펴보기
- Redux를 활용한 컴포넌트 상태 관리
- 오픈소스 컴포넌트 활용하기
- Server Side Rendering 이해
- 앱 기본 설정
- 웹 페이지 구성하기
- 컴포넌트 구성하기
- 컴포넌트 상태 관리
- 6
서버 구축 및 활용
Node.js 서버 구현
- Node.js 기본 특성 이해하기
- 미들웨어의 이해와 활용
- 배치 스케쥴러
- Express 기반 HTTP 서버 구성하기
- Restful의 이해와 Restful API 서버 구축
- 마이크로 서비스의 이해와 구축
AWS 서버 구축
- 클라우드와 아마존 웹 서비스
- 서버, 스토리지, 가상 네트워크 공간 만들기
- 확장 가능한 데이터베이스 서버 만들기
- DNS를 연결하고 관리하기
- 로드 밸런싱과 인프라 구성하기
- CDN 활용 클라우드 자원과 리소스 관리
- 7
팀 프로젝트
애플리케이션 설계
- 프로젝트 팀원 분배
- 팀원별 역할 분배
- 팀 프로젝트 기획 및 화면 / DB 설계
- 프로젝트 진행 및 피드백
- 차후 업데이트 및 보안점 분석
웹&앱 프로그래밍
웹&앱 프로그래밍 취업완성패스
-
AWS 클라우드를 활용하여
지능형 웹 서비스 풀스택 개발.AWS클라우드 활용 지능형 웹서비스 풀스택 부트캠프
-
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!프론트엔드 풀스택 개발자(React, Node.js)
-
프론트엔드, 백엔드 그리고 배포(DevOps
포함) 등 서비스를 개발할 수 있는 교육백엔드 풀스택(JAVA,Spring boot)
-
개발업계 최신 트렌드를 반영한
고도화된 프로그래밍 학습.빅데이터 웹 플랫폼
풀스택 개발 -
웹개발 + 큐레이팅 기능을 더한
웹 서비스를 구현하는 교육큐레이팅 웹서비스
풀스택 개발 -
JAVA + CLOUD
독립적 자바 웹 프로그래밍AWS기반
자바 웹 개발자 -
웹퍼블리셔 기초부터
프론트엔드 트렌디한 기술까지-React.js기반
프론트엔드개발 -
꾸준한 인기 자바(JAVA),
웹&앱 개발자가 되는 필수 언어!자바 웹&앱 프로그래밍
-
현장 실무학습과 자격증 취득으로
웹 개발과 소프트웨어 설계까지자바 웹 정보처리
산업기사 과정평가
웹&앱 프로그래밍 커리어패스
-
다양한 콘텐츠 구현, 문제해결 능력을
높여, 경쟁력을 키우는 자바언어!자바프로그래밍
-
웹서버 모바일 위치기반 서버 등
구동가능한 실무기반 교육과정node.js
프론트엔드개발 -
자바스크립트 프레임 워크의 혁신~!
프론트엔드 개발자의 필수요소React.js
프론트엔드개발 -
톰캣 설정 부터 WAS 개발에 필요한
실무 프로젝트까지 경험하는 과정Tomcat WAS 개발
-
Vue.js 설치 및 프로젝트 배포까지 -
Vue를 활용한 UI 컴포넌트 제작 과정Vue.js 프론트엔드개발
-
진입 장벽이 낮은 언어로 API 활용을
통해 Native Mobile App 개발React Native
모바일 앱 개발 -
수준 높은 문제 해결능력을 키우는
프로그래밍의 첫걸음C++ 기본
-
IT 분야와 프로그래밍에 대한 기본 개념을
이해하고, 필요한 기술과 도구를 학습.비전공자를 위한
IT 기초지식과 프로그래밍 기초
국비혜택조회
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.