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

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

JavaScript
& jQuery
Class

CREATOR. JoGukho

자바스크립트&제이쿼리

400,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에 실제 기능을 적용해보면서 실무 응용력을 늘리는 것을 목표로 하는 클래스입니다.

7주간 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를 만들 수 있습니다.
  • 웹 퍼블리셔와 프론트엔드 개발자의 역할과 업무를 구분할 수 있습니다.

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

안녕하세요.
클래스 스피커 조국호입니다.

안녕하세요 11년차 풀스택 개발자 조국호입니다. 현재 스타트업 회사에서 프론트엔드 개발을 담당하고 있으며, 퍼블리싱 입문, 혹은 디자이너면서 자바스크립트로 기능을 적용하고 싶어하시는 입문자, 실무자 분들을 위한 입문 수업을 진행하고 있습니다. 단순한 UI 기능 구현으로 끝나는 클래스가 아니라, 단순한 기능에서 지속적으로 기능을 추가해가며 적용할 있는 논리적인 사고력을 키우는 것을 목표로 하고 있습니다.

커리큘럼

  • 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. 예제 사이트를 통한 간단한 기능제작(1)
    • 미션 탭,어코디언,모달,갤러리,별점,달력 등.
    • 미션 실습위주
  • 14. 예제 사이트를 통한 간단한 기능제작(2)
    • 미션 예제 사이트를 통한 간단한 기능제작
    • 미션 jQuery 플러그인 알아보기

우리는 이렇게 느꼈어요!

  • item-comment__thum 김미나 20.08.12
    웹 디자인 공부를 하면서 포트폴리오를 만드는데, HTML, CSS만으로는 한계를 느껴서 고민끝에 수강하게 됐습니다. 솔직히 처음에는 수업을 따라가기 힘들어서 포기할까 고민도 많이 했는데, 선생님께 똑같은 질문도 많이 하고 ㅠㅜ 그래도 다시 차근차근 잘 알려주셔서 너무 감사했어요 ㅠㅜ! 처음 배우시는 분들께 강추드립니다!!
  • item-comment__thum 이민수 20.08.12
    현재 퍼블리셔를 목표로 하고 있고 웹프로페셔널 강의 수강 후 이어서 듣게됨. 원래 디자이너 출신인데 HTML,CSS쪽을 공부하다가 진로를 변경하게됨. 그래서 제이쿼리라는 것도 이때 처음 알았고 처음으로 공부를 하게됨 솔직히 전혀 관심 없는 사람은 따라가기 힘들것 같은데 웹 쪽 관심있고 HTML,CSS 공부 해본 사람이면 크게 무리없이 이해할 수 있을듯함. 강사님이 강의 자료도 주시고 오픈채팅방에 질문 올리면 코딩짜서 피드백 주시는데 이부분이 도움이 많이 됨.
  • item-comment__thum 이지영 20.08.12
    아무래도 처음 접하는 분야다보니 강의를 집중해서 듣는다고 들었는데도 듣고 나면 멍...한 상황이 종종있었지만 강의록과 영상강의를 몇번이나 반복해서 봤는지 모르겠네요 확실히 혼자 책 보는건 진짜 힘들고 글 몇번 읽는다고 되는건 아닌듯... 그렇게 때문에 배워두면 도움은 많이 되는 것 같습니다! 암튼 저는 영상강의 주신 덕분에 수업 내용을 잘 따라갔습니다!
  • item-comment__thum 천유진 20.08.12
    지인 권유로 리메인에서 자바스크립트 수업을 듣게되었습니다. 추천받은데로 강의도 탄탄하고, 수강생들이 수업듣는데에 불편함이 없이 관리해주셔서 감사합니다. 아무리 주말이어도 일을 하면서 수업을 듣는 것이 쉽지는 않았지만, 되도록이면 수업을 빠지지 않고 듣겠다는 첫번째 다짐이 있었습니다. 물론 처음 배우는 내용이고 회사 생활하면서 과제를 틈틈히 하는게 쉽지는 않았습니다. 하지만 기본에 충실하자는 생각으로 필기 내용도 꼼꼼히 복습하고 몇번을 다시 봤는지 모르겠습니다. 저만의 학습 노하우라면 무조건 외우려고 하지 않았고 예제로 실습하면서 조금씩 변경해보기도 하고 자연스럽게 기능을 익히고 응용하려고 노력했습니다.
  • item-comment__thum 김미나 20.08.12
    이제 거의 웹디자이너는 코딩은 기본으로 할줄 알아야하는 그런 흐름인것 같습니다 점점 코딩이 가능한 웹디자이너가 많아지면서 스스로 경쟁력에 대한 고민을 하게되었는데 역시 HTML,CSS 다음은 자바스크립트인 것 같습니다! 디자인 하시는 분들은 처음에는 좀 난이도가 있으실것 같지만 그래도 HTML,CSS에만 머무르기 보다는 조금 영역을 넓히는 도전을 해보시면 좋을 것 같습니다!

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

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