노원 이젠아카데미컴퓨터학원 - 웹 프론트엔드 퍼블리셔

웹 프론트엔드 퍼블리셔

1차 개강일
22년 06월 28일(화)
2차 개강일
22년 07월 12일(화)
  • HTML
  • CSS
  • 미디어쿼리
  • JavaScript
  • Cross Browsing
  • 프로젝트 중심
교육기간
정규(4개월) 취준생/디자인 입문/초보자
수강료

국기과정 전액지원

실업자과정 최대100%지원

취업분야
웹퍼블리셔, 프론트엔드 개발자
UI/UX 디자인

웹퍼블리셔 기초부터
프론트엔드 트렌디한 기술까지-
웹 프론트엔드 퍼블리셔란?

자바스크립트 언어를 깊게 이해하고,
다양한 프로그래밍 개발 능력을 마스터하자~!
프론트엔드 전문가가 되고 싶은 분 이젠에서 일단 시작!
Start now

  • Front-end publisher
    • JavaScript 함수 및 테이터
    • CSS, HTML
    • Media query, markup
    • React.js
    • Ajax
    • AngularJS

디지털 미디어 시대
전 세계 개발자들이 주목하는
React. js 라이브러리를 이용해
클라이언트단의 모든 것을 경험합니다.

사용자 (Client 클라이언트) 의 사용하는
화면의 개발의 모든 것~!
  • HTML 마크업 구성 및 레이아웃 : 웹표준 및 웹접근성을 고려한 마크업
  • UI/UX 설계 및 개발 인터렉션 구현 : 크로스 브라우징 및 브라우저 퍼포먼스
  • 개발 : 데이터를 출력 또는 입력, 가공 등을 통해 개발
  • API (Application Programming Interface)를 가져와
    데이터의 출력, 입력을 통한 비지니스 로직 구성과 유저가 사용하는 UI를 개발
  • 수강생들이 강의 내용을 이해하고 본인의 실력으로 만들어 갈 수 있도록 서포트합니다.
  • 실습을 통해 내가 배운 내용을 눈에 보이는 결과물(포트폴리오)로 챙겨가세요.
  • 최신 트렌드를 반영한 커리큘럼으로 진행되는 강의!
    현업에서 적용 가능한 노하우를 학습합니다.
  • HTML5&CSS
    • JS&개발환경
    • REACT.JS
    • 포트폴리오
  • JS & 개발환경
    • Node.js 와 NPM 구성
    • YARN 구성
    • JSX 문법 파악 등
  • 웹&모바일_미디어쿼리/반응형 웹제작
  • REACT.JS
    • 리액트 컴퍼넌트 & JSX
    • 배열 렌더링 및 추가/제거/수정
    • useReducer 사용

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

  • 인터랙티브 웹디자인 &
    퍼블리싱
    발표회 및 수료식

    인터랙티브 웹디자인 & 퍼블리싱
    수료를 축하드립니다.

    수강생 만족도
    4.8/5
    자세히 보기
  • Interactive Web[NCS] 인터렉티브
    웹 디자인
    발표회 및 수료식

    [NCS] 인터렉티브 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web UI/UX Design 웹UI/UX 디자인
    발표회 및 수료식

    [NCS]스마트기기 웹 UI/UX 디자인 과정
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web Design/Publisher 웹디자인/웹퍼블리셔
    양성과정
    발표회 및 수료식

    웹디자인/웹퍼블리셔 양성과정
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • 웹 UI/UX 콘텐츠 디자인
    발표회 및 수료식

    웹 UI/UX 콘텐츠 디자인
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
Frontend publisher

기초부터 요즘 핫한 최신 기술까지~!
프론트엔드 개발자로 성장합니다.

개발자 입무부터 실무까지~학습량이 방대한 프론트엔드!
내게 필요한 커리큘럼을 한 번에 모아서 익히고 학습합니다.
프론트엔드 개발자가 되고 싶다면,
이젠에서 일단 시작!

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

  • 웹디자인기능사Craftsman Web Design

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

    자세히 보기
  • GTQ 포토샵Graphic Technology Qualification Photoshop

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

    자세히 보기
  • GTQi 일러스트Graphic Technology Qualification Illustrator

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

    자세히 보기
  • 컴퓨터그래픽스운용기능사Craftsman Computer Graphics Operation

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

    자세히 보기
  • 컬러리스트산업기사/기사Industrial Engineer/Engineer Colorist

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

    자세히 보기
  • 시각디자인산업기사/기사Industrial Engineer/Engineer Visual Communication Design

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

    자세히 보기

선배에게 들어요!

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

수강후기

  • 비전공자 입니다! 종로에서 국기 웹 듣고 취업했습니다
    - 정○아

    강사님께서 수업에 진심인게 느껴져서 정말 좋았습니다. 선생님께서 알려주신대로만 준비한다면 취업할수있으리라는 희망이 보여서 좋았어요 ㅠㅜ 6개월간 수업하시느라 고생하셨습니다 ㅜ 정들었는데 아쉽고.. 코로나 때문에 학생들 전원이 한번도 강의실에서 단체 수업을 들은적이 없었다는게 아쉬었습니다 ㅠㅠ a조 b조로 나눠져서 ㅠ 그것빼면 아쉬운건 없네요 선생님 감사했습니다!! 정말 열심히 수업해주시던게 계속 기억에 남네요 ㅎㅎ 학생이 질문하면 그냥 대충 넘어가지않고 꼭 꼼꼼히 살펴보시고 소스 고쳐서 알려주시거나 하시는거 보고 열의가 대단하다고 느꼈습니다 !

  • 국기 웹 종로 꼭 듣고 취업하세요!
    - 박○연

    선생님이 수업준비를 철저히하셔서 짧은시간안에 다양한 프로그램을 배울 수 있었습니다. 선생님만의 예제를 만들어서 이해하기 쉽게 수업을 진행해주시고 단계별로 저장하며 스텝을 밟으며 배우는것도 재밌었습니다. 덕분에 더 꼼꼼하게 자료를 정리하는법도 배웠습니다.ㅎㅎ 궁금한게 있을때마다 항상 친절하게 가르쳐주신 선생님과, 또 연락할때마다 친절하게 답변해주셨던 행정실 직원분 감사합니다!

  • 스마트 웹콘텐츠 uiux 퍼블리셔
    - 권○아

    항상 사랑과 애정으로 저희를 아껴주시고 챙겨주시고 생각해주셔서 감사합니다! 취업하고 성장하는 모습으로 인사드리는 날까지 열심히 포기하지 않고 하겠습니다 선생님 덕분에 6개월 긴시간이 짧게 느껴질수 있었고 무사히 수료했습니다 정말 다시 한번 감사드립니다 최고의 선생님 !!??

  • 종로 국기 웹디자인 추천!!
    - 김○영

    웹디자인을 배우고 싶어 여러 학원을 알아보던 중 이젠아카데미 종로점 윤oo 강사님의 수업을 확정하게 되었고 올해 한 일 중 가장 잘한 일 TOP3에 정도에 뽑힐만큼 너무 좋은 수업이었습니다. 강사님도 정말 학생들을 진심으로 가르치시는 모습을 매수업 느꼈고 힘들지 않았다면 거짓말이지만 열정적인 강사님 덕분에 끝까지 마칠 수 있었습니다. 너무 잘배우고 갑니다. 감사합니다.

  • 프론트엔드 이직! 리엑트 js
    - 김○영

    그리고 이 수업을 듣는다고 리액트를 마스터 하는건 아니기 때문에 다들 알고 계시듯 반복해서 작성해보고 리액트를 이용해서 홈페이지도 만들어보고 해야합니다! 그리고 수업 듣기전에 바닐라 자바스크립트를 좀 공부하고 오시는걸 추천드려요 저도 제이쿼리는 많이 써봤지만 바닐라 자바스크립트는 많이 안써봐서 더 알아두고 듣는게 좋을거 같다는 생각이 들더라고요 ! 리액트 자체는 재미있는거 같은데 리액트에서 필요한 자바스크립트나 redux같은게 조금 헷갈렸던 부분이 있는거 같아요 아무튼 저는 수업 잘 들었고 열심히 수업 해주셔서 감사합니다!

  • 프론트엔드 이직! 리액트 js
    - 김○영

    저는 19년도에도 강남이젠에서 같은 강사님께 퍼블리셔 수업을 받고 취업해 2년째 일하고 있는 사람입니다. 이번에 프론트엔드로 이직하고 싶어서 수업을 찾아 듣게 되었는데요! 예전에 강사님 수업 들었을 때 처음하는 학생들이 잘 쫓아올 수 있도록 코드를 차근차근 함께 작성하고 잘 이해할 수 있게 수업 해주셨어서 저는 좋았던 강사님이라 바로 등록 했습니다. 리액트 수업도 필요한 것 중요한 것들 위주로 수업 잘 진행해주셨고 예전에 강사님 수업을 들었을 때와 조금 다른 점은 재직자 반이기 때문에 기초적으로 알고 있을만한 정보는 최소한으로 알려주시고 코드 작성 하시는게 다소 빨라서 쫓아가다 보면 오타나 hook import때문에 오류가 나는 일이 좀 있었어요 그래서 오류 잡는다고 못 쫓아갔던 적도 있습니다 ㅠㅠ 그래도 수업이 끝나고 나면 강사님이 작성했던 파일을 주시기 때문에 내가 어느 부분에서 잘못했고 내가 작성한 방법과 강사님이 작성한 방법을 비교해볼 수 있습니다. 또 강사님이 모르는것이 있으면 물어보라고 항상 이야기 해주시고 잘 알려주십니다 ㅎㅎ

  • 하나도 모르는 초보여도 걱정하지 마세요!
    - 임○은

    반응형 웹디자인 전문가 과정을 들으면서 UI UX라는 단어를 처음 알게 됐습니다. 약 5개월 간의 과정을 열심히 참여하다보니 UI UX에 관한 나만의 정의도 내릴 수 있었고, 원하는 웹 페이지를 제작할 수 있게 됐습니다! 도전해서 버티기 쉬운 공부는 아니었지만 꾸준히 노력하다보면 더 실력있는 개발자가 될 수 있을 것 같아요 감사합니다~!

  • 텐션업! 부릉부릉안쌤
    - 김○주

    날이 추울때 시작해서 롱패딩 입으며 학원에 왔단게 얼마전 같은데 마지막날은 반팔을 입고 왔네요. 길다면 길고 다면 짧은 약 5개월이라는 시간 동안 좋은 분들과 좋은 선생님을 만나 어렵고 고민하는 시간들이 있었지만 마지막까지 잘버틸 수 있었던 것 같습니다. 항상 먼저 에너지 있게 긍정적인 말씀과 할 수있다고 용기를 주셔서 고비가 왔을때도 포기하지 않고 극복한것 같습니다. 수업도 지루하지 않게 재미있게 해주시고, 평소에는 인지하지 못했지만 문득 텅빈 교실에서 혼자 수업을 하셨다 생각을 하니 더욱 감사함을 느끼게 됩니다. 아직 해야할 것들이 많이 남아 있지만 수료 후에 끝까지 완료해서 취업에 성공해 보겠습니다! 빛나는 사람이 될 수 있도록 ! 감사합니다!

  • 안상현 강사님
    - 권○영`

    안상현 강사님은 학생들의 입장에서 최선을 다해 가르켜주시는 선생님입니다. 그저 배우는 것만이 목적이 아닌 현업에서 쓰는것들을 위주로 가르쳐 주십니다 선생님한테 배울수 있어 행운이였습니다.

  • 믿고듣는 부릉부릉안쌤 강의!
    - 최○로운

    살면서 비대면 수업이 처음이었음에도 불구하고, 그 어떤 대면 수업보다 기억에 남은 수업이었고, 보람차게 들을 수 있었어요. 아무것도 모르는 곳에 툭 떨어진 저를 끊임없이 응원하시며 끌어주신 선생님의 은혜를 절대 잊지 않겠습니다. 쌤만의 노하우로 가르쳐주시고, 수강생들 모두가 이해할 수 있도록 신경 써주시며 수업을 진행합니다. 뿐만 아니라 인생에 전반적인 조언도 함께 나눠주시는 시간 또한 뜻 깊은 수업의 일환이었습니다. 쌤의 꿈을 이룰수 있도록 저도 꼭 빚나는 사람이 되어볼게요! 감사합니다!

커리큘럼

  1. 1

    HTML5 & CSS

    • HTML 정의 및 기본태그
    • CSS Style과 시각표현
    • HTML5 이해 및 HTML5 문서구조
  2. 2

    웹표준 페이지제작

    • HTML5 페이지제작
    • 메인 및 서브시안작업
    • HTML5 응용 페이지제작
    • 사이트등록
    • 관리자페이지
    • 웹접근성 및 유효화
    • 사이트 최종확인
  3. 3

    JavaScript&jQuery

    • 자바스크립트 정의 및 기초문법
    • HTML문서 서술방법 및 연동방법
    • 기초문법 설명 및 연산자(산술, 대입, 증감, 관계, 논리)
    • 변수 및 함수 정의
    • 제어문과 반복문의 이해
    • 제이쿼리 정의 및 문법이해
    • 제이쿼리 문서 객체 선택자와 조작법
    • 제이쿼리 이벤트
    • 다양한 효과와 애니메이션
    • 제이쿼리 비동기 방식 연동
    • 제이쿼리 플러그인 이해 및 활용
  4. 4

    리액트(React)

    • Node.js와 npm구성
    • JSX를 사용하는 리액트
    • 프로퍼티 상태, 컴포넌트 트리
    • 컴포넌트 개선
    • 리덕스
    • 리액트와 리덕스
    • 리액트와 서버
  5. 5

    포트폴리오

    • 웹프로젝트 완료
    • 디자인 및 콘텐츠 사용성 수정 보완
    • 매체 기능적 요소 수정 보완
    • 사후 관리와 유지보수
 
 

웹 프론트엔드 퍼블리셔빠른 개강일06.28(화)

카톡상담
전화문의노원
02)951-0008

국비혜택조회

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 상담 전화 문의 02)951-0008
개인정보수집 및 이용에 대한 동의

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

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


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


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


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

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