신촌 이젠아카데미컴퓨터학원 - 프론트엔드 풀스택 (React, Node.js)

프론트엔드 풀스택 (React, Node.js)

1차 개강일
24년 11월 05일(화)
2차 개강일
24년 11월 19일(화)

고용24 국민내일배움카드 훈련과정명은
프론트엔드 풀스택 (React, Node.js)입니다.

교육기간
정규 6개월 취준생/디자인 입문/초보자
수강료

국기과정 전액지원

실업자과정 최대100%지원

취업분야
웹디자인, 웹퍼블리셔,
UI/UX 디자인

지금 신청하면 모든 온라인강의0원이라고?

간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원

2개월 프리패스 제공
0원 강의
안내받기

웹 콘텐츠의 기획 및 분석과
디자인과 프론트엔드 개발을 동시에!
스마트 웹콘텐츠 UI/UX 디자인 &
프론트엔드(React,node.js)란?

스마트 웹콘텐츠 개발에 필요한 UI 디자인과 프론트엔드(React,node.js)
언어를 배우며 다양한 스마트기기 플랫폼에 적용 가능한 웹 기반의 콘텐츠서비스를
기획, 분석, 설계, 구현,테스트, 배포 및 유지보수 할 수 있습니다.
Start now

  • 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 런타임으로
    노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며,
    서버를 실행하는 데 제일 많이 사용됩니다.
  • 산업수요를 반영한 구직자 맞춤형 실무교육 커리큘럼으로 진행됩니다.
  • 모바일, PC용 웹 UI 최신 트렌드를 반영한 교육훈련을 진행합니다.
  • 취업에 필요한 포트폴리오 제작 및 프로젝트를 학습합니다.
  • 담당 훈련교사와 교육담당자, 취업상담사를 통해 월 1회 및 수시상담을 진행합니다.
  • 전시회·공모전·워크샵 등 풍부한 현장경험 기회로 실무역량을 강화합니다.
  • 웹 콘텐츠 기획
    • 기초데이터 수집
    • 아이디어 스케치
    • 스토리보드 제작
  • UI UX 디자인
    • 포토샵 기초 / 피그마
    • UI/UX 디자인 이론
    • UI 구현
  • 퍼블리싱
    • HTML5/CSS3
    • 자바/제이쿼리 기초활용
    • React / Node.JS
  • 애플리케이션
    • 테스트 수행
    • 배포
  • 포트롤리오
    • 모바일 디자인
    • 메인 디자인
    • 개인사이트 디자인

당신만의 특별한 프로젝트가 완성됩니다.

  • IT·Programming웹서비스
    풀스택 개발자
    발표회 및 수료식

    웹서비스 풀스택 개발자(자바,파이썬,AI챗봇)
    수료를 축하드립니다.

    수강생 만족도
    4.5/5
    자세히 보기
  • IT·Programming자바(JAVA) 웹 개발
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바 웹개발 프로그래밍 27기
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • IT·Programming자바 안드로이드
    웹&앱 개발자
    발표회 및 수료식

    자바 안드로이드 웹&앱 개발자 22기
    수료를 축하드립니다.

    수강생 만족도
    4.5/5
    자세히 보기
  • IT·Programming자바(JAVA) 웹프로그래밍
    (정보처리산업기사 취득)
    발표회 및 수료식

    자바(JAVA) 웹프로그래밍 21기
    수료를 축하드립니다.

    수강생 만족도
    4.4/5
    자세히 보기
  • IT·ProgrammingAI인공지능활용
    소프트웨어개발
    발표회 및 수료식

    AI인공지능활용 소프트웨어 개발 23기
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
UI/UX Frontend

당신은 디자인과 프로그래밍
모두 가능한 경쟁력 있는
UI/UX 전문가로 거듭납니다.

기초부터 요즘 핫한 최신 기술까지 배우고
디자인 능력을 겸비한 프론트엔드 개발자로 성장!

관련 자격증 취득이 가능합니다.

  • 국가기술 빅데이터 분석기사National Science and Technology Big Data Analysis Article

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 국가공인 SQL 개발자Structured Query Language Developer

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 정보처리산업기사/기사Industrial Engineer/Engineer Information Processing

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 데이터분석 준전문가(ADsP)Advanced Data Analytics Semi-Professional

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기

선배에게 들어요!

웹디자이너가
하는일은?
대체로 광범위 하긴하지만 간단히 정리하면,
웹&모바일 사이트에 들어가는 모든 구성 요소를
작업한다. 네이버 블로그 또는 페이스북등 소셜관련해서도 작업하게 된다.
그리고 중소기업의 경우에는 웹 디자이너라도 오프라인쪽 작업들을 하게 된다.
예를 들어 브로슈어, 명함, 버스나 지하철 같은 랩핑광고 등 작업 분야가 다양하다.
웹퍼블리셔가
하는일은?
웹 퍼블리셔의 수행 직무는 웹디자이너, 웹개발자, 웹기획자 등과 웹사이트의 제작 및 진행방향 등에 대해 협업한다. 웹디자이너의 디자인 작업물을 Html,css,Javascript,jQuery 등을 이용해 웹 표준, 웹 접근성, 크로스 브라우징 등 원칙에 맞추어 코딩한다.
프론트엔드 개발자가
하는일은?
사용자 (Client 클라이언트) 가 직접 사용하는 화면의 개발을 말합니다. 실제 사용자들이 원활하게 서비스를 이용하기 위해 화면에 대한 내용 및 비지니스처리, 화면 효과등을 결국 서버 단의 개발을 제외한, 외적인 요소를 개발하는 직무를 통틀어 프론트 엔드라고 합니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
웹 퍼블리셔라는 직종은 우리나라에만 존재한다. 웹 퍼블리셔는 Html,css를 주로 다루고, Javascript,jQuery를 이용하여 화면 동작 제어를 한다. 여기서 더 나아가 데이터 연결 및 요청, 출력 업무등을 하는것을 프론트엔드 개발자가 하는 일이라고 역할이 구분된다. 명칭의 차이일 뿐, 퍼블리셔나 프론트엔드 개발자나 똑같은 클라이언트 단을 개발하는 직종이다. 다만 프론트엔드 개발자에게 요구되는 기술적 범위가 더욱 넓다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 인천 풀스택
    - 서○율

    변서은 쌤에게 배웠는데 하나하나 친절하게 알려주셔서 처음 배우는 과정이였지만 덕분에 잘 따라 갈 수 있었습니다

  • 인천점 풀스택 과정 후기
    - 고○하

    웹개발자 과정을 찾던 중 풀스택 과정을 추천 받아서 수업을 듣게 되었습니다. 변서은 선생님께서 친절하게 차근차근 알려주시고 자료 제공도 해주셔서 배우는 데 무리없이 과정을 잘 들을 수 있었습니다. 감사합니다

  • 인천 풀스택 개발 후기
    - 정○희

    5-6개월 정도 변서은 선생님께 수업을 들었는데 이해하기 쉽게 수업해주시고 너무 친절하십니다!

  • 인천캠퍼스 풀스택 과정
    - 박○은

    웹 퍼블까지 배우고 회사를 다니던 중 개발자 분야에 관심이 생겨서 찾던 중 풀스택 과정을 알게 되었고 주변 친구들의 추천을 받아 다니게 되었습니다. 변서은 강사님이 친절하게 차근차근 알려주셔서 심화과정이지만 잘 적응 할 수 있었던 것 같습니다!

  • 인천점 풀스택
    - 김○규

    변서은 쌤에게 배웠는데 항상 친절하시고 재미있고 배우기 쉽게 수업해주셔서 감사해요 덕분에 잘 마칠 수 있었습니다!

  • 인천캠퍼스 풀스택
    - 김○국

    더 나은 회사로 이직하고 싶어서 풀스택 과정을 변서은 강사님께 배웠습니다. 기존에 배운 것보다 어려운 과정이여서 힘들었지만 강사님께서 친절하게 알려주시고 실무적인 부분도 많이 알 수 있어서 이직 해서 적용하고 적응하기 수월할 것 같습니다 감사합니다 :)

  • 인천캠퍼스 풀스택 후기
    - 강○기

    변서은 쌤이 항상 친절하게 알려주셔서 재밌게 수업 들을 수 있었습니다 풀스택 과정을 듣고 싶으신 분들은 추천합니다!

  • 인천캠퍼스 풀스택
    - 이○은

    처음에는 디자인에 관심이 있어서 상담 받게 되었는데 멀리 봤을때 개발파트까지 전체적으로 배우는 것이 도움이 될 것같아서 과정을 듣게 되었고 변서은 강사님이 친절하게 하나하나 알려주셔서 큰 어려움없이 수료를 하게 된 것같아요~ 수업 잘 마칠 수 있게 도와주셔서 감사합니다:)

  • 인천점 풀스택
    - 이○지

    인천점에서 변서은쌤에게 수업을 들었고 친구한테 후기 듣고 들었던 수업이였는데 수업에 잘 적응 할 수 있도록 도와주셔서 좋았습니다.

  • 인천캠퍼스 풀스택 웹개발자
    - 이○은

    기존에는 웹디 쪽에서 근무를 했었는데 좀 더 심화된 과정을 배우고 이직 하고싶어서 수강하게되었습니다. 변서은 선생님께서 꼼꼼히 알려주시고 모르는 부분은 친절하게 알려주셔서 수업듣는 기간동안 재미있게 들었던것같아요! 이직해서도 실무에서 많이 적용 할 수 있을 것 같아서 좋은 수업이였습니다! 감사합니다!!

커리큘럼

  1. 1

    개발자 환경 구축

    • 운영체제의 이해 ( GUI vs CLI )
    • CLI 환경 이해와 활용
    • 코딩을 위한 IDE (통합개발환경) 의 종류
    • VS CODE 기본 사용 방법 파악하기
    • VS CODE 플러그인/익스텐션 활용하기

    개발 환경 운영 지원

    • Git의 이해와 기본 명령어
    • Github을 활용한 프로젝트 형상 관리
  2. 2

    HTML, CSS, JavaScript
    (화면 구현)

    • HTML을 활용한 시멘틱 웹 페이지 제작
    • CSS를 활용한 반응형 웹 페이지 제작
    • SCSS를 활용한 CSS 전처리
    • Javascript 기초 문법
      (자료형, 연산자, 함수)
    • Javascript 내장 객체
      (Math / Date / Object 등)
  3. 3

    바닐라 스크립트

    • 이벤트 처리
    • Window 객체 · 웹 브라우저 제어하기
    • Document 객체 · DOM 제어하기
    • Image, Form, Screen, Navigator
      객체
    • Geolocation을 기반한 위치 정보 활용
    • Cookie 데이터 저장 및 활용
    • LocalStorage, SessionStorage
    • Web SQL Database 활용
  4. 4

    프로그래밍 언어 활용

    • 변수, 상수, 데이터 타입, 연산자, 배열
    • 프로그램 흐름 제어 (조건문, 반복문)
    • 함수(기본함수, 익명함수, 화살표 함수)
    • 객체지향 프로그래밍 (JSON,
      Prototype, Class)
    • 클로저
    • Javascript 기본 API 활용하기
      (내장함수, 내장객체)
    • Promise, Async/Await
    • XMLHttpRequsest 기반 Http Client
    • 모듈과 패키지
    • NPM 기반의 오픈소스 패키지 활용하기
    • YARN 기반의 오픈소스 패키지
      활용하기
  5. 5

    React.js

    • React 환경 파악하기
    • SPA 구조 이해하기
    • JSX 표현법
    • React 컴포넌트
    • 스타일 적용하기
    • Hook의 이해와 활용
    • Event 처리
    • 클래스 기반 컴포넌트 살펴보기
    • Redux를 활용한 컴포넌트 상태 관리
    • 오픈소스 컴포넌트 활용하기
    • Server Side Rendering 이해
    • 앱 기본 설정
    • 웹 페이지 구성하기
    • 컴포넌트 구성하기
    • 컴포넌트 상태 관리
  6. 6

    서버 구축 및 활용

    Node.js 서버 구현

    • Node.js 기본 특성 이해하기
    • 미들웨어의 이해와 활용
    • 배치 스케쥴러
    • Express 기반 HTTP 서버 구성하기
    • Restful의 이해와 Restful API 서버 구축
    • 마이크로 서비스의 이해와 구축

    AWS 서버 구축

    • 클라우드와 아마존 웹 서비스
    • 서버, 스토리지, 가상 네트워크 공간 만들기
    • 확장 가능한 데이터베이스 서버 만들기
    • DNS를 연결하고 관리하기
    • 로드 밸런싱과 인프라 구성하기
    • CDN 활용 클라우드 자원과 리소스 관리
  7. 7

    팀 프로젝트

    애플리케이션 설계

    • 프로젝트 팀원 분배
    • 팀원별 역할 분배
    • 팀 프로젝트 기획 및 화면 / DB 설계
    • 프로젝트 진행 및 피드백
    • 차후 업데이트 및 보안점 분석
 
 

프론트엔드 풀스택 (React, Node.js)

카톡상담 11.05(화)
전화문의신촌
02)393-4321

국비혜택조회

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 02)393-4321
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.