jQuery 배우기 - 코딩 강좌

DOM, 이벤트, 효과, AJAX를 배우는 분을 위한 jQuery 배우기 앱입니다. 내장된 jQuery 3.7.1로 오프라인에서도 페이지를 미리 볼 수 있습니다.

포함된 내용

• jQuery 강의 22개, 레슨 48개, A1–C1 수준; 앱 언어 22개

• 실시간 JS editor/IDE: HTML, CSS, jQuery를 실행하고 페이지 미리보기 확인

• 디버깅 미션 20개

• 선택자 연습을 위한 단계별 HTML/CSS 웹 페이지 프로젝트 20개

• 면접 질문 50개, 퀴즈 문항 50개, 항목 91개의 핵심 요약표

• AI 멘토: 선택자, 오류, AJAX를 쉬운 말로 설명하고, 필요하면 더 쉽게 반복 설명

• 수료증 시험(Pro)

• 세계 코딩 챌린지: JavaScript 또는 다른 언어로 매일 글로벌 라운드 3회

• 연속 학습 기록, 진도 추적, 알림

단계별 강의

• 첫걸음: $ 함수와 첫 체이닝

• 선택자: 기본, 고급, DOM 탐색

• DOM: 요소 생성, 삽입, 이동, 삭제

• 스타일 지정: CSS와 클래스

• 이벤트: .on(), 이벤트 위임, 사용자 정의 이벤트

• 효과: fadeIn, slideDown, animate(), 사용자 정의 효과

• 동적 콘텐츠: 데이터 속성과 템플릿 처리

• 폼 처리와 유효성 검사

• $.ajax(): 새로고침 없이 데이터 불러오기/전송

• 비동기 코드를 위한 Deferred 객체와 프로미스

• 사용자 정의 선택자와 고급 필터링

• 안정적인 플러그인

• 성능과 권장 기법

• 최신 JavaScript 연동과 테스트

실습으로 배우기

• jQuery 배우기를 위한 각 레슨은 짧은 설명과 직접 작성하는 코드로 구성됩니다

• 입력을 멈추면 editor가 코드를 다시 실행하며, 서버나 빌드 단계가 필요 없습니다

• 실무에서 마주칠 법한 버그를 수정합니다: 클릭 핸들러의 "this"가 window를 가리키는 문제, 체인이 문자열로 끝나는 문제, 기존 행에서만 삭제되는 문제, 벗어난 뒤에도 메뉴가 계속 슬라이드되는 문제, 저장이 두 번 실행되는 문제

• 퀴즈와 면접 질문으로 프런트엔드 면접과 레거시 jQuery를 다룰 준비를 합니다

• 핵심 요약표에서 한 번의 탭으로 선택자, 이벤트, 효과, AJAX 메서드를 확인합니다

배워야 하는 이유

• 익숙한 CSS 선택자를 그대로 활용할 수 있어 jQuery 배우기에 도움이 됩니다

• 체이닝으로 네 개의 구문을 읽기 쉬운 한 줄로 바꿉니다

• 많은 기존 웹사이트에서 사용하므로, 코드를 읽고 수정하는 능력은 실용적인 웹 개발 역량입니다

• DOM, 이벤트, 비동기 JavaScript를 부담 없이 접할 수 있습니다

이런 분들을 위한 앱

• HTML/CSS 기초를 알고 인터랙티브 페이지를 만들고 싶은 초보자

• 수업을 위해 JavaScript와 DOM을 연습하는 학생

• jQuery 사이트를 유지보수하는 웹 개발자

• 프런트엔드 취업 면접 준비생

무료 및 Pro

무료: 첫 강의(jQuery에 오신 것을 환영합니다), 첫 단계별 프로젝트, 미션 2개, editor, 퀴즈, 면접 질문, 핵심 요약표, 매일 AI 멘토 질문 3회; 광고 포함.

Pro: 모든 jQuery 강의, 프로젝트와 미션, 수료증 시험, AI 멘토 무제한 이용; 광고 없음. 주간, 월간, 연간 구독 또는 일회성 평생 이용권 구매.

jQuery는 해당 권리 재단의 상표입니다. 이 독립적인 학습 앱은 해당 재단과 제휴 관계가 없으며 재단의 보증을 받지 않습니다.