이젠아카데미컴퓨터학원

바닐라 자바스크립트

1차 개강일: 23년 09월 26일(화)

2차 개강일: 23년 10월 10일(화)

JavaScript
Vanilla JS
바닐라스크립트
인터랙티브
DOM 이벤트
Ajax
플러그인
이벤트핸들러

바 로 가 기

교육기간: 정규 1개월 직장인/초보자/취준생

수강료: 직장인·취업준비생
60% ~ 최대100% 지원

취업분야: 웹 디자이너, 웹 퍼블리셔, 프론트엔드 개발자,
백엔드 개발자, 풀스택 개발자

플러그인,라이브러리를
사용하지 않은 순수한 자바스크립트,
바닐라 자바스크립트(Vanillia JS)

자바스크립트의 최신 트렌드인 바닐라스크립트를 이해하고 활용하는 능력과
자바스크립트 기반의 소프트웨어 개발에 사용되는 최신 ES8 문법을 활용하여
응용소프트웨어를 구현하는 능력을 함양할 수 있습니다.
Start now

인터랙티브한 콘텐츠 표현
최신 트렌드를 놓치지 않는
실무교육으로
UX, UI 를 향상시키자!

바닐라 스크립트의 장점과 중요성 ~!

가벼움 : 아무 것도 다운로드 받지 않아도 되어 가볍고 빠르며
태그로 DOM 요소 검색시 제이쿼리보다 425배 빠른 속도
최신언어 ES8 : 새로운 기술들이 도입되며 코드 작성시 높은 효율
바닐라 JS는 급변하는 웹 트렌드에 맞는 언어

개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
트렌디한 예제로 학습합니다. 완성할 수 있도록 1:1 가이드합니다.
웹 화면 상에서 동적인 부분들을 구현하고, 인터렉티브한 웹페이지를 만들 수
있습니다.

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

Web Design/Publisher모바일 UIUX 반응형
웹디자인(웹퍼블리셔)
발표회 및 수료식

모바일 UIUX 반응형 웹디자인
수료를 축하드립니다.

수강생 만족도

4.7/5

자세히 보기
[디지털디자인]모바일 UIUX 반응형
웹디자인(웹퍼블리셔)
발표회 및 수료식

모바일 UIUX 반응형 웹디자인(웹퍼블리셔)
수료를 축하드립니다.

수강생 만족도

4.7/5

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

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

수강생 만족도

4.8/5

자세히 보기
Interactive Web[NCS] 인터렉티브
웹 디자인
발표회 및 수료식

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

수강생 만족도

4.6/5

자세히 보기
Web UI/UX Design 웹UI/UX 디자인
발표회 및 수료식

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

수강생 만족도

4.6/5

자세히 보기

Vanilla Script

디자이너부터 개발자까지-
동적 UI 구현 등을 활용하여
스킬들을 습득~!

웹의 동적 구현을 위한 트렌드와 시장 흐름에 따라,
개념을 이해하고 만들어보며, 다양하게 적용하는 방법을 학습합니다.
트렌드에 맞는 스킬과 실무 사례를 바탕으로 한
실습을 통해
전문성에 한 걸음 더 성장하세요.

선배에게 들어요!

웹디자이너가
하는일은?

대체로 광범위 하긴하지만 간단히 정리하면,
웹&모바일 사이트에 들어가는 모든 구성 요소를
작업한다. 네이버 블로그 또는 페이스북등 소셜관련해서도 작업하게 된다.
그리고 중소기업의 경우에는 웹 디자이너라도 오프라인쪽 작업들을 하게 된다.
예를 들어 브로슈어, 명함, 버스나 지하철 같은 랩핑광고 등 작업 분야가 다양하다.

웹퍼블리셔가
하는일은?

웹 퍼블리셔의 수행 직무는 웹디자이너, 웹개발자, 웹기획자 등과 웹사이트의 제작 및 진행방향 등에 대해 협업한다. 웹디자이너의 디자인 작업물을 Html,css,Javascript,jQuery 등을 이용해 웹 표준, 웹 접근성, 크로스 브라우징 등 원칙에 맞추어 코딩한다.

프론트엔드 개발자가
하는일은?

사용자 (Client 클라이언트) 가 직접 사용하는 화면의 개발을 말합니다. 실제 사용자들이 원활하게 서비스를 이용하기 위해 화면에 대한 내용 및 비지니스처리, 화면 효과등을 결국 서버 단의 개발을 제외한, 외적인 요소를 개발하는 직무를 통틀어 프론트 엔드라고 합니다.

퍼블리셔와 프론트엔드의
차이는 무엇인가요?

웹 퍼블리셔라는 직종은 우리나라에만 존재한다. 웹 퍼블리셔는 Html,css를 주로 다루고, Javascript,jQuery를 이용하여 화면 동작 제어를 한다. 여기서 더 나아가 데이터 연결 및 요청, 출력 업무등을 하는것을 프론트엔드 개발자가 하는 일이라고 역할이 구분된다. 명칭의 차이일 뿐, 퍼블리셔나 프론트엔드 개발자나 똑같은 클라이언트 단을 개발하는 직종이다. 다만 프론트엔드 개발자에게 요구되는 기술적 범위가 더욱 넓다.

웹 에이전시와
인하우스
어떤곳이 좋나요?

웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.

디자이너는
대학교 졸업?
전공 필수인가요?

컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.

예술감각이 없어도
웹디자이너
가능한가요?

예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.

포트폴리오 어떻게 준비해야 하나요?

신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

UIUX 수업 만족합니다~
- 변○지

선생님 말씀도 넘 잘하시고 특히 수업이 귀에 쏙쏙 들어와요~ 질문도 다 받아주시고 좋았습니다!
강남이젠아카데미 - 웹국기 과정 추천합니다.
- 박○원

이 수업 듣기 전에는 아는 것이 하나도 없었는데 종강 후에 되돌아보니 전보다 많은 것을 할 수 있게 되었습니다. 배우는 속도도 느리고 중간에 포기하고 싶었던 적도 많았지만 선생님께서 긍정적인 말씀도 해주시고 수업을 알기 쉽게 설명 해주셔서 무사히 수료할 수 있었습니다. 선생님께서 하시는 다른 수업이 있다면 또 배우고 싶어요. 취업상담지원도 잘 되어 있고, 주변에 ui/ux디자인과 코딩을 시작하려는 사람이 있다면 이 수업을 꼭 추천하고 싶습니다.
UIUX 선생님 덕분에 수강 잘 했습니다:)(이젠 강남)
- 강○수

선생님이 수업하시는 스타일은 여러 예시를 반복해 주시고, 질문하면 친절하게 알려주십니다. (6개월 동안 한 번도 짜증을 내시지 않았습니다.) 코딩 처음 하시는 분은 도움이 많이 될 거 같습니다 :) 수강이 종료되었음에도 불구하고 포폴을 만들어야 하는 학생들에게 완성하는 기간을 한 달이라는 시간을 약속했는데요, 그때까지 선생님이 질문을 받아주시고 봐주신다고 했습니다. 끝까지 도움을 주시려고 해서 감동이었습니다. ㅠㅠ 다만 아쉬웠던 건 생각보다 6개월이란 시간이 엄청 짧습니다. 이제 조금 알아 갈 때쯤 학원 수업이 종료라서 아쉽지만 끝까지 열심히 알려주신 선생님께 감사합니다.
강남 이젠아카데미 웹국기 과정 추천합니다.
- 강○호

훈련기간이 상당히 긴 편이 아닌가 했지만 수강하고보니 짧았던 것 같다. 선생님께서 매우 친절하시고 천천히 잘 가르쳐주셨고 매 수업에 열정적으로 가르쳐주셔서 감사했다. 포트폴리오를 만들기에도 조금 짧은 기간이었던 것 같지만 코딩 분야를 배울 수 있었던 점이 좋았고 현장 수업은 아니지만 실시간으로 질의 응답, 컨펌을 받을 수 있어서 좋았다. 취업에 큰 도움이 될 경험인 것 같다.
강남 이젠 UIUX 디자인 정말 좋았어요
- 이○나

강사님이 너무 친절하고 꼼꼼하게 알려주셔서 배경지식 전혀 없던 저도 이해하기 수월했습니다.
이젠 강남 UIUX 추천
- 김○우

기획, 디자인, 퍼블리싱 등 다양한 직무 경험을 할 수 있어 좋았다
UIUX 수업 잘 들었습니다!
- 백○기

전반적인 만족도가 굉장히 높은 수업이었습니다. 강사님이 가르침에 있어 수준이 높다고 느껴졌습니다.
UIUX로 취업 잘 했습니다~(이젠-강남)
- 이○아

산업현장에서의 실무경험이 많이 축적된 선생님 밑에서 다양하고 전문적인 지식을 배우게 되어 많이 도움이 된 훈련수강 이었습니다.
이젠아카데미 강남점 UIUX 웹국기 추천해요!
- 황○

포트폴리오 제작을 통해서 많은 것을 배워갈 수 있었던 것 같습니다.
강남이젠아카데미 UIUX 수강후기 올려봅니다:)
- 홍○자

uxui 기초부터 실습까지, 제대로 배울 수 있어서 4개월이 헛되지 않은 시간이었습니다. 모든 훈련생에게 관심과 격려를 나눠주시는 강사님 만나 뵙기 힘든데, 강사님의 열정을 제가 따라가지 못한 것 같아 많이 아쉬움이 남습니다! 감사했습니다.

수강후기 더보기

1
Day 1
- Javascript 개발 환경 구성
- Javascript 코드 구조
- 변수와 상수, 데이터 타입
2
Day 2
- 기본연산자
- 비교,논리,삼항연산자
- 형변환
3
Day 3
- 조건문
- 반복문(while)
- 반복문(for)
4
Day 4
- 함수의 이해
- 익명함수와 화살표함수
- 콜백함수
5
Day 5
- 프로토타입의 이해
- 프로토타입에서의 프로퍼티와 메서드
- 프로토타입에서 getter, setter 함수 정의하기
6
Day 6
- 클래스와 객체의 이해
- 클래스에서의 프로퍼티와 메서드
- 클래스에서 getter, setter 함수 정의하기
7
Day 7
- 옵셔널 체이닝
- 심볼형
- 가비지 컬렉션
8
Day 8
- 클래스의 상속과 메서드 Override, Super
- 정적 프로퍼티, 정적 메서드, 믹스인
- 참조에 의한 객체 복사
9
Day 9
- 배열의 이해
- iterable 객체
- 맵과 셋
10
Day 10
- JSON
- Object.keys, values, entries
- 구조 분해 할당
11
Day 11
- 재귀와 스택
- 변수의 유효범위와 클로저
- 전역객체
12
Day 12
- 자바스크립트 내장함수
13
Day 13
- 자바스크립트 내장객체
14
Day 14
- setTimeout과 setInterval을 이용한 스케쥴링
- call/aplly와 데코레이터, 포워딩
- 함수 바인딩
15
Day 15
- 에러 핸들링, 커스텀 에러와 에러 확장
- promise
- async와 await
16
Day 16
- 모듈화
- DOM구조 익히기
- DOM 속성과 프로퍼티
17
Day 17
- 브라우저 이벤트
- UI 이벤트
18
Day 18
- 폼 프로퍼트와 메서드
- 폼 이벤트
18
Day 19-21
- XmlHttRequest (Ajax) Part1
- XmlHttRequest (Ajax) Part2
- XmlHttRequest (Ajax) Part3

웹 UI/UX 콘텐츠 디자인 취업완성패스

웹 UI/UX 콘텐츠 디자인 커리어패스

바닐라 자바스크립트빠른 개강일09.26(화)

전화문의공식: 1544-8147

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

국기·취준생 교육과정

일반·직장인 교육과정

일반·직장인 교육과정

일반·직장인 교육과정