초중고등학생 자바스크립트 교재

  • 홈
  • 태그
  • 방명록

Tag

#자바스크립트교재 #코딩교재 #중등코딩교육 #초등코딩 #자바스크립트 #JavaScript #산술연산자 #비교연산자 #논리연산자 #연산자 #ES6모듈 #Import #Export #모듈 #async_await #setTimeout #비동기 #Promise #모듈패턴 #싱글턴패턴 #배열요소 #팩토리패턴 #array #배열 #디자인패턴 #인덱스 #고급배열메서드 #dom조작 #요소선택 #카멜표기법 #querySelector #CamelCase #reduce #while문 #메서드 #For문 #데이터타입 #속성 #인스턴스 #객체 #변수 #constructor #DOM #반복문 #Filter #map #클래스 #루프 #class #object #클릭이벤트 #매개변수 #바인딩 #addEventListener #this #Return #Call #apply #함수 #function #상호작용 #이벤트 #try_catch #프로토타입체인 #렉시컬스코프 #데이터보호 #분기 #if문 #에러처리 #else #closure #디버깅 #클로저 #조건문 #상속 #문제해결 #Prototype #프로토타입 #자바스크립트교사 #초중고코딩교재
프로필사진

초중고등학생 자바스크립트 교재

이 교재는 초등학생부터 성인까지, 누구나 자바스크립트를 쉽게 배우고 스스로 코딩을 즐겁게 경험할 수 있도록 AI와 함께 정성껏 설계하였습니다. 프로그래밍이 처음이신가요? 걱정하지 않으셔도 됩니다.

  • 분류 전체보기 (174)
    • 머리말 (1)
    • 목차 (1)
    • 교재활용법 + 선생님 가이드라인 (1)
    • 1. 데이터 상자 만들기 (변수 선언) (9)
      • 1.1 데이터 상자 (변수) 이야기 (3)
      • 1.2 상자에 넣을 수 있는 것들 (데이터 타입) (3)
      • 1.3 상자 이름 잘 짓기 (변수명 규칙) (3)
    • 2. 계산하고 비교하기 (연산자) (16)
      • 2.1 계산기처럼 계산하기 (산술 연산자) (3)
      • 2.2 크기 비교하기 (비교 연산자) (3)
      • 2.3 논리적으로 생각하기 (논리 연산자) (3)
      • 2.4 상자에 값 넣기 (할당 연산자) (2)
      • 2.5 타입 확인하기 (typeof 연산자) (2)
      • 2.6 형변환 이해하기 (3)
    • 3. 선택하고 결정하기 (조건문) (6)
      • 3.1 만약에... 라면 (if, else if,.. (3)
      • 3.2 여러 선택지 중에서 고르기 (switch) (3)
    • 4. 같은 일 반복하기 (반복문) (9)
      • 4.1 정해진 횟수만큼 반복하기 (for) (3)
      • 4.2 조건이 맞는 동안 반복하기 (while) (2)
      • 4.3 최소 한 번은 실행하기 (do...whil.. (2)
      • 4.4 특별한 반복 방법들 (for...in, f.. (2)
    • 5. 일을 대신해주는 도우미 (함수) (8)
      • 5.1 함수 선언과 호출 (3)
      • 5.2 화살표 함수 (Arrow Function) (2)
      • 5.3 함수의 생활공간 (함수 스코프) (3)
    • 6. 함수의 비밀 (클로저) (6)
      • 6.1 렉시컬 스코프 이해하기 (2)
      • 6.2 클로저 개념 (2)
      • 6.3 클로저 활용 예제 (2)
    • 7. 여러 개 모아두기 (배열) (12)
      • 7.1 배열 상자 만들기 (3)
      • 7.2 배열에 넣고 빼기 (4)
      • 7.3 배열 정보 확인하기 (1)
      • 7.4 배열 조작하기 (4)
    • 8. 정보 꾸러미 만들기 (객체) (9)
      • 8.1 객체 다루기 (4)
      • 8.2 객체와 배열 함께 사용하기 (2)
      • 8.3 구조 분해 할당 (3)
    • 9. this와 친해지기 (this 바인딩) (8)
      • 9.1 this가 뭘까요? (3)
      • 9.2 this 제어 방법 (3)
      • 9.3 화살표 함수에서의 this (2)
    • 10. 오류와 친구하기 (에러 처리와 디버깅) (6)
      • 10.1 에러 처리하기 (3)
      • 10.2 디버깅 도구 사용하기 (3)
    • 11. 웹페이지 조종하기 (DOM 조작) (9)
      • 11.1 HTML 요소 찾기 (2)
      • 11.2 요소 조작하기 (4)
      • 11.3 요소 추가하고 삭제하기 (3)
    • 12. 클릭하고 반응하기 (이벤트 처리) (8)
      • 12.1 이벤트 등록하기 (2)
      • 12.2 이벤트 객체 활용하기 (2)
      • 12.3 이벤트 위임 (2)
      • 12.4 버블링과 캡처링 (2)
    • 13. 시간을 다루는 마법 (비동기 처리) (14)
      • 13.1 시간 지연 함수들 (2)
      • 13.2 콜백 함수와 콜백 지옥 (3)
      • 13.3 약속을 지키는 Promise (3)
      • 13.4 더 쉽게! async & await (3)
      • 13.5 fetch로 데이터 불러오기 (3)
    • 14. 고급 배열 마법사 (고급 배열 메서드) (9)
      • 14.1 배열 변환의 마법사 (map) (2)
      • 14.2 배열 필터링 (filter) (2)
      • 14.3 배열 줄여나가기 (reduce) (2)
      • 14.4 배열 검색과 정렬 (3)
    • 15. 클래스로 틀 만들기 (클래스) (9)
      • 15.1 클래스 선언 (3)
      • 15.2 인스턴스 생성하기 (3)
      • 15.3 상속 (Inheritance) (3)
    • 16. 프로토타입과 상속의 비밀 (6)
      • 16.1 prototype 개념 (3)
      • 16.2 생성자 함수 상속 (3)
    • 17. 코드 정리하고 나누기 (모듈 시스템) (15)
      • 17.1 ES6 모듈 (3)
      • 17.2 모듈의 장점 (3)
      • 17.3 CommonJS (Node.js 방식) (3)
      • 17.4 Node.js의 구조 맛보기 (3)
      • 17.5 npm이란? 사용법 (3)
    • 18. 똑똑한 코드 패턴 (디자인 패턴) (11)
      • 18.1 싱글턴 패턴 (3)
      • 18.2 팩토리 패턴 (2)
      • 18.3 모듈 패턴 (1)
      • 18.4 옵저버 패턴 (2)
      • 18.5 JSON 다루기 (3)
    • 기타 (0)

Tag

JavaScript, 모듈패턴, 코딩교재, 초등코딩, 자바스크립트교재, 싱글턴패턴, 비동기, 자바스크립트, setTimeout, 모듈, ES6모듈, async_await, 산술연산자, 연산자, Export, Import, 비교연산자, Promise, 중등코딩교육, 논리연산자,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바