오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

JavaScript
& jQuery
Class

CREATOR. JoGukho

자바스크립트&제이쿼리

390,000 2개월 과정

일정

필독 공지사항


코로나바이러스감염증-19 단계별 대응 방침 안내


안녕하세요. 리메인입니다.
현재 코로나 바이러스 감염증 19발생과 관련하여 아래와 같은 대응 방안을 시행 중에 있습니다.



단계별 대응 방침 안내


1단계 정상운영 및 방역 강화
2단계 정상운영 및 방역 강화
3단계 원격수업으로 전환

- 2단계에서 3단계로 상향시 원격수업 공지 문자가 전달 됩니다.
- 3단계에서 2단계로 하향시 오프라인 수업 공지 문자가 전달 됩니다.
* 문자공지는 클래스를 결제한 수강생분들에 한합니다.



출입에 대한 방역 수칙


1. QR 전자출입명부 작성
2. 출입시 발열 체크
3. 전 강의장 및 공간에 대한 소독 진행 (매일 오전 10:00, 오후 18:00, 저녁 23:00)
4. 강의장, 로비, 사무실 손 소독제 비치
발열 또는 호흡기(기침, 인후통, 근육통 등)등 몸이 아프면 출석하지 않습니다.
* 결석으로 인한 수업진도는 02-6080-8623으로 문의 주시기 바랍니다.



수업에 대한 방역 수칙


1. 수업시간내 전 강사 KF94 마스크 의무 착용
2. 수업시간내 전 수강생 마스크 의무 착용
3. 리메인 직원 마스크 의무 착용


리메인에서는 코로나바이러스감염증-19 의심환자 발생 시 즉시 대응할 수 있도록 운영하고 있으며,
수강생 여러분의 안전한 학습 환경 조성과 건강을 위해 최선을 다하겠습니다.

감사합니다.

디자이너 관점에서 보는
javascript&jQuery 클래스입니다

웹 디자이너 또는 웹 퍼블리셔 관점에서 자바스크립트(jQuery)를 이용하여 동적기능을 만들 수 있게 돕는 클래스입니다. 실무에서 주로 사용되는 UI(슬라이드 배너, 아코디언 메뉴, 탭스 등)을 직접 구현할 수 있도록 기획된 클래스입니다. 디자이너의 관점으로 수행하는 간단한 동적기능에 그치는 것이 아닌, 자주 사용되는 UI에 실제 기능을 적용해보면서 실무 응용력을 늘리는 것을 목표로 하는 클래스입니다.



*주말반 시간표를 꼭 확인해 주세요

8주간 3개의
프로젝트를 만들어 볼 거예요

  • #1 지동 이미지 갤러리 제작

    첫번째 이미지부터 마지막 이미지까지 순서대로 슬라이드 되도록 이미지 갤러리를 제작하고, 무한으로 반복실행되는 기능을 제작해봅니다

  • #2 쇼핑몰 상세페이지 제작

    쇼핑몰 상세페이지를 제작하는 데 필요한 요소를 알아봅니다. 선택 상품에 대한 아이템 추가를 해보고, 가격계산을 통하여 쇼핑몰 상세페이지의 주요 기능을 완성해봅니다

  • #3 영화 사이트 제작

    1주 ~ 6주 간 배운 기능들을 종합적으로 응용하여, 제공된 html,css 코딩 파일에 기능을 적용하여 완성본을 만들어 봅니다. 개인의 역량에 따라 미완성된 부분은 강사와 함께 수업을 진행하면서 본인의 부족한 부분을 체크하여 보강하게 됩니다.

navigate_before
navigate_next

우리는 이런걸 배워요

  • 이미지 슬라이드 개념과 활용

    버튼 클릭을 통해서 화면이 바뀌고, 특정시간마다 자동으로 이미지 레이아웃 여러장들이 교체가 되는 등 정적인 화면에서 생명을 불어넣는 과정을 자바스크립트를 이용해 경험해봅니다

  • 팝업 기능 생성 원리 이해

    영화 사이트 실습을 진행하며, 팝업 페이지가 열리고, 예매를 진행하는 과정을 자바스크립트로 구현할 수 있습니다

  • 마우스 휠이벤트를 이용한 풀페이지 제작 방법

    마우스 휠을 내리거나 올릴 때 하나의 화면이 통으로 슬라이드 되도록 구현하는 방법과 이를 활용한 풀페이지 제작을 실습합니다

  • 탭,어코디언,모달,갤러리,별점,달력 등 주요 기능 구현

    Jqyery와 플러그인을 이용해 사이트의 주요 컴포넌트 기능을 구현하는 방법을 배울 수 있습니다.

navigate_before
navigate_next

안녕하세요.
우리 클래스를 소개합니다.

웹 디자이너, 취업 준비생을 위한
javascript & jQuery 입문 클래스입니다

JAVASCRIPT(jQuery)를 이용하여 실무에 주로 적용되는 기능들을 단위별로 제작하여 논리적인 사고력을 키우고, 생동감 있는 디자인을 인터렉션으로 구현하는 클래스입니다.

웹 퍼블리싱 직무에서는
이런 이슈가 있어요

퍼블리싱 직무는 웹 디자이너가 만든 디자인을 웹 상에서 동일하게 구현하고, UI의 동적인 인터렉션 디자인까지 제공하는 것이 중요한 직무입니다

디자인이 완벽하게 끝나도, 웹 상에서 이를 100% 완벽하게 구현하는 것은 어려운 일입니다. 디자이너와 협업하여, 웹 환경에서 디자인을 효과적으로 구현할 수 있는 퍼블리셔의 중요성이 커지고 있습니다.

커리큘럼 제작 전, 웹 퍼블리싱 실무진이
실무에서 어떤 고민을 하는지 알아봤어요!

  • “단순한 기능, 정리되지 않는 유사한 기능을 만드는 것에 집중할 경우, 대부분 Ctrl + C,V 를 통하여 기능동작에는 문제가 되지 않지만, 여러 기능이 복합적으로 사용되는 경우에는 어려움을 느끼곤 합니다"

    2년차 퍼블리셔 진00

  • “js 이론만 알려주거나 단순 기능 구현에만 초점을 맞춰 공부하게 될 경우, 실무에서 잘 사용하지 않는 기능을 학습하는 데 시간을 소모할 수 있어요.”

    프리랜서 퍼블리셔 이00

  • “HTML/CSS 단에서 화면을 어떻게 구성하는 지 공부했지만, 실무에 들어가려니 드롭다운 메뉴같은 동적인 UI나 인터렉션 요소를 개발자와 이야기하는 게 어려웠습니다. 그래서 제이쿼리같은 동적인 퍼블리싱 프로그램을 공부하기 시작했어요.”

    디자이너에서 퍼블리셔 직무로 이직한 김00

navigate_before
navigate_next

그래서 준비한 클래스
포인트 강점, 첫 번째

실무에서 주로 사용되는 기능들(아코디언 메뉴, 탭스, 이미지갤러리 등)을 이용하여 기능을 실습해봅니다. 이때, 어떤 순서로 기능을 구현해나가는 지 상세하게 코드로 풀어나가는 법을 배우실 수 있습니다.

이미지 슬라이드 개념과 활용

버튼 클릭을 통해서 화면이 바뀌고, 특정시간마다 자동으로 이미지 레이아웃 여러장들이 교체가 되는 등 정적인 화면에서 생명을 불어넣는 과정을 자바스크립트를 이용해 경험해봅니다

팝업 기능 생성 원리 이해

영화 사이트 실습을 진행하며, 팝업 페이지가 열리고, 예매를 진행하는 과정을 자바스크립트로 구현할 수 있습니다

마우스 휠이벤트를 이용한 풀페이지 제작 방법

마우스 휠을 내리거나 올릴 때 하나의 화면이 통으로 슬라이드 되도록 구현하는 방법과 이를 활용한 풀페이지 제작을 실습합니다

탭,어코디언,모달,갤러리,별점,달력 등 주요 기능 구현

Jqyery와 플러그인을 이용해 사이트의 주요 컴포넌트 기능을 구현하는 방법을 배울 수 있습니다.

클래스 포인트 강점, 두 번째

11년차 풀스택 개발자로 활동 중인 조국호 강사님과 함께 논리적인 사고로 풀어가는 웹 퍼블리싱 실무과정을 학습합니다. 지나치게 UI적인 시선으로 접근하지 않고, 자바스크립트와 HTML 코드를 통해서 각 기능들에 대한 사용법을 논리적으로 이해하는 것에 초점을 두고 진행합니다.

강사님의 클래스를 수강한 수강생들은 현직 실무자의 1:1 크리틱을 통해 실무 프로세스를 반영한 포트폴리오를 만들 수 있습니다

클래스를 마치고,
여러분은 이렇게 달라질 거에요

간단한 동적기능을 구현하는 것에 그치지 않고,
기능을 분석하여 논리적으로 UI를 만들 수 있게 됩니다.

  • HTML,CSS 디자인 결과물에 원하는 동적기능을 주입할 수 있습니다.
  • 만들고자 하는 기능을 순서 별로 정리하며, 논리적인 UI를 만들 수 있습니다.
  • 웹 퍼블리셔와 프론트엔드 개발자의 역할과 업무를 구분할 수 있습니다.

클래스 스피커를 소개합니다!

안녕하세요.
클래스 스피커 이용호입니다.

<안녕하세요>
14년차 풀스택 개발자 이용호 입니다. 저는 현재 웹개발사를 운영하며 개발을 담당하고 있습니다. Javascript와 jQuery는 퍼블리싱에 이용되지만 개발의 영역에 가깝습니다. 개발은 ‘어제도 개발한 사람’에게 배워야 합니다. IT산업은 시시각각 변화하기 때문에 실무에서 멀어진 개발은 쓸모가 없습니다. 비전공자이며 독학으로 공부하여 개발을 시작했던 사람으로서 개발을 처음 입문할때의 어려움을 누구보다 잘 알고 있기에 쉬운 단어와 설명으로 짜여진 틀이 아닌 직접 응용하여 개발할 수 있도록 도와드리겠습니다.

커리큘럼

  • 01. 오리엔테이션 및 자바스크립트 핵심문법(1)
    • 웹 동작원리
    • 자바스크립트란?
    • 자바스크립트 기본 문법
    • 변수란?
    • 꼭 알아야하는 인덱스
    • 산술연산자
    • 함수란?
    • 미션 실습환경 구축
    • 미션 에디터 설치
    • 미션 브라우저 설치
    • 미션 실습예제를 통한 변수,함수 사용법 및 동작과정 이해
  • 02. 자바스크립트 핵심문법(2)
    • 전역/지역변수의 개념이해
    • 실무에 주로 사용되는 자바스크립트 내장함수
    • 비교/논리연산자
    • 조건문
    • 미션 실습을 통한 자바스크립트 내장함수 이해
    • 미션 true/false 개념 이해 및 조건문 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 03. 자바스크립트 핵심문법(3)
    • 반복문 개념 및 동작과정 이해
    • 미션 예제를 통한 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 04. jQuery 시작 및 선택자
    • jQuery란?
    • 절대/상대경로 이해
    • jQuery 기본문법
    • ready(onLoad) 동작과정 이해
    • 셀렉터(selector)를 이용하여 원하는 태그에 접근하기
    • 미션 jQuery 다운로드 및 연동
    • 미션 셀렉터를 이용한 실습과정
    • 미션 주어진 문제를 스스로 풀어보기
  • 05. jQuery 이벤트(1)
    • 마우스 이벤트
    • 키보드 이벤트
    • 브라우저 이벤트
    • 입력폼 이벤트
    • 미션 클릭 이벤트를 통한 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 06. jQuery 이벤트(2)
    • 미션 키보드 이벤트를 통한 실습
    • 미션 마우스 오버이벤트를 통한 실습
    • 미션 주어진 문제 스스로 풀어보기
  • 07. jQuery 이벤트를 이용한 화면제어
    • jQuery에서 지원하는 화면제어
    • 미션 이벤트를 통한 화면제어 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 08. jQuery를 이용한 스타일제어
    • jQuery에서 지원하는 스타일제어
    • method chain
    • 이벤트를 통한 스타일제어(css,클래스) 실습
    • 주어진 문제를 스스로 풀어보기
  • 09. jQuery HTML 태그제어
    • HTML 태그 설정하고 획득하기
    • INPUT 태그의 value 설정하고 획득하기
    • HTML 태그들의 attribute 설정하고 획득하기
    • 동적으로 생성된 태그 이벤트 적용
    • 미션 이벤트를 통한 태그제어 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 10. jQuery HTML 태그삽입/삭제
    • HTML 태그 원하는 위치에 삽입
    • HTML 태그 복사 및 이동
    • HTML 태그 삭제
    • 미션 이벤트를 통한 태그제어 실습
    • 미션 주어진 문제를 스스로 풀어보기
  • 11. jQuery를 이용한 태그추적
    • jQuery에서 지원하는 태그추적 및 필터링
    • 이벤트를 통하여 원하고자 하는 태그를 추적
    • 주어진 문제를 스스로 풀어보기
  • 12. jQuery 반복문 및 유틸함수
    • 미션 jQuery 반복문 vs 자바스크립트 반복문 비교
    • 미션 jQuery 유틸함수
  • 13. j
Query
UI
Interactions
 함수와 위젯
    • j
Query
에서 지원하는 Interactions 함수
    • j
Query
에서 지원하는 Widgets
    • 미션 j
Query
 UI 직접 써보기
  • 14. j
Query
 커스텀 플러그인
    • 간편한 슬라이드 Swiper
    • 쉽게 띄우는 팝업 BPopup
    • 스크롤 애니메이션 wow.js
  • 15. 예제 사이트를 통한 간단한 기능제작(1)
    • 미션 탭,어코디언,모달,갤러리,별점,달력 등.
    • 미션 실습위주
  • 16. 예제 사이트를 통한 간단한 기능제작(2)
    • 미션 예제 사이트를 통한 간단한 기능제작
    • 미션 jQuery 플러그인 알아보기

우리는 이렇게 느꼈어요!

    사용후기가 없습니다.

우리는 이런 분위기로 수업해요!

navigate_before
navigate_next

클래스 수강을 위해선
이런 사전 지식이 필요해요!

  • done HTML&CSS 기본

클래스 수강을 위해선
이런 준비물과 프로그램이 필요해요!

  • 개인노트북 (window, mac 운영 체제 모두 사용 가능)

  • Sublime editor (다른 코드 에디터도 가능)

  • Chrome

오시는길

  • 클래스 주소 서울 마포구 양화로6길 33
  • 상세소개 2층 리메인

현재 클래스와
함께 수강하면 더욱 좋아요!

쿨하고 깔끔한 환불정책

환불규정 안내

  • 100% 전액환불 : 개강 전까지
  • 33% 공제환불 : 강의 1/2 지나기 전 시점
  • 공제환불 불가 : 강의 1/2이 지난 시점
  • 환불은 신청한 일자 기준으로 처리되며, 강의가 시작되는 당일은 강의를 듣지 않았더라도 해당일자에 포함됩니다.

학원의 설립ㆍ운영에 관한법률 제18조 및 동법시행령 제18조 제3항 〔별표 4〕의 기준에 따른다.

expand_less expand_more