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

📘 15.1.2 constructor - 객체의 첫 번째 설정을 도와주는 똑똑한 도우미안녕하세요, 여러분. 이전 시간에 class라는 객체 만들기 틀을 배웠어요. 하지만 지금까지는 빈 틀만 만들었었죠. 이번에는 객체가 만들어질 때 자동으로 첫 번째 설정을 해주는 특별한 도우미를 만나볼 거예요. 바로 constructor입니다.새 휴대폰을 샀을 때 이름을 입력하고 배경화면을 설정하는 것처럼, constructor는 객체가 태어나는 순간 필요한 모든 준비를 자동으로 해줍니다. 참 고마운 도우미죠.🧠 새로운 단어들과 친해지기constructor를 이해하는 데 필요한 중요한 단어들을 차근차근 알아볼게요.단어쉬운 설명constructor객체가 만들어질 때 자동으로 실행되어 첫 번째 설정을 해주는 특별한 기능이..

📘 15.1.1 클래스라는 놀라운 도구 - 똑같은 모양의 물건을 쉽게 만드는 비밀 도구안녕하세요, 여러분. 오늘은 정말 특별한 도구를 배워볼 거예요. 공장에서 일하는 사람이 되어서 똑같은 모양의 물건을 백 개, 천 개씩 쉽게 만들 수 있다면 어떨까요? 별 모양 쿠키를 만들 때, 쿠키 틀 하나로 원하는 만큼 쿠키를 만들 수 있듯이 말이에요. 바로 클래스(class)라는 도구가 그런 놀라운 일을 해주는 기능이랍니다.마치 목수가 같은 모양의 의자를 여러 개 만들기 위해 틀을 사용하는 것처럼, 우리도 프로그래밍에서 같은 구조의 정보 묶음을 여러 개 만들기 위해 클래스라는 틀을 사용할 수 있어요.🧠 새로운 단어들과 친해지기클래스라는 도구를 이해하는 데 필요한 새로운 단어들을 먼저 알아볼까요?단어쉬운 설명클래스..

📘 14.4.3 sort - 배열을 정리정돈해주는 똑똑한 정리 도우미안녕하세요, 여러분. 이전 시간들에 find, findIndex로 원하는 것을 찾고, some, every로 전체 상황을 점검하는 방법을 배웠어요. 오늘은 배열의 모든 것들을 깔끔하게 정리정돈해주는 똑똑한 정리 도우미 sort를 만나볼 거예요.우리가 책상 위에 흩어진 연필들을 길이 순서대로 가지런히 놓거나, 가족 사진을 날짜 순서대로 앨범에 정리하는 것처럼, sort는 배열의 모든 것들을 원하는 순서로 다시 배치해줍니다.🧠 새로운 단어들과 친해지기배열을 정리할 때 사용하는 중요한 단어들을 차근차근 알아볼게요.단어쉬운 설명sort배열의 모든 것들을 특정한 순서로 다시 배치하는 도우미예요.비교 함수sort에게 "어떤 기준으로 정리할지"를..

📘 14.4.2 some, every - 배열의 모든 것을 검사하는 똑똑한 도우미들안녕하세요, 여러분. 이전 시간에 find와 findIndex로 특정한 것을 찾는 방법을 배웠어요. 오늘은 배열 전체의 상황을 살피는 두 명의 특별한 도우미를 만나볼 거예요. 바로 some과 every입니다.선생님이 우리 반 전체를 둘러보며 "숙제 안 한 학생이 있나요?"나 "모든 학생이 준비물을 다 가져왔나요?"라고 확인하시는 것처럼, 이 도우미들은 배열의 전체적인 상황을 빠르게 파악해줍니다.🧠 새로운 단어들과 친해지기배열의 전체 상황을 검사할 때 사용하는 중요한 단어들을 차근차근 알아볼게요.단어쉬운 설명some배열에서 조건을 만족하는 것이 하나라도 있는지 확인하는 도우미예요.every배열의 모든 것이 조건을 만족하는..

📘 14.4.1 find, findIndex - 배열에서 원하는 친구를 찾아주는 똑똑한 도우미들안녕하세요, 여러분. 오늘은 참 소중한 두 명의 도우미를 만나볼 거예요. 우리가 책상 서랍에서 필요한 물건을 찾을 때처럼, 긴 목록에서 딱 원하는 것만 쏙 찾아주는 고마운 친구들이 있거든요. 바로 find와 findIndex라는 이름을 가진 도우미들입니다.여러분도 교실에서 "키가 큰 친구가 누구지?" 하고 둘러본 적이 있죠? 앞자리부터 한 명씩 확인하다가 키 큰 친구를 발견하면 "아, 저기 있네!" 하며 찾는 걸 멈추잖아요. 이 도우미들도 그런 방식으로 일을 해요.🧠 새로운 단어들과 친해지기배열에서 검색할 때 자주 사용하는 중요한 단어들을 차근차근 알아볼게요.단어쉬운 설명find조건에 맞는 첫 번째 것을 찾..

📘 14.3.2 reduce로 합계, 평균, 최댓값 구하기안녕하세요, 여러분. 이전 시간에 reduce라는 유용한 도구의 기본 개념을 배웠습니다. 이제는 실제로 reduce를 사용해서 우리 일상에서 자주 필요한 계산들을 해보겠습니다. 바로 합계, 평균, 최댓값, 최솟값 구하기입니다. 마치 우리 반 시험 점수를 정리하는 것처럼, 배열의 숫자들을 가지고 유용한 정보를 만들어내는 방법을 배워보겠습니다. 여러분도 이제 진짜 데이터 분석가가 되어볼 수 있을 거예요.🧠 새로운 단어들과 친해지기데이터를 분석할 때 자주 사용하는 기본적인 단어들을 차근차근 설명해드리겠습니다.단어의미합계모든 숫자를 더한 총합을 의미합니다.평균합계를 개수로 나눈 값으로, 전체 데이터의 가운데 정도 값입니다.최댓값배열에서 가장 큰 값을 ..

📘 14.3.1 reduce - 배열의 모든 요소를 하나로 모으는 도구안녕하세요, 여러분. 오늘은 배열의 요소들을 하나로 합쳐주는 특별한 도구, reduce를 만나볼 차례입니다. 마치 여러 개의 퍼즐 조각을 모아서 하나의 완성된 그림을 만드는 것처럼, reduce는 배열의 모든 요소들을 차례대로 모아서 하나의 결과를 만들어내는 유용한 도구랍니다. 우리가 동전을 저금통에 하나씩 넣으면서 총액이 점점 늘어나는 것처럼 말이에요.🧠 새로운 단어들과 친해지기reduce를 이해하는 데 필요한 중요한 단어들을 차근차근 설명해드리겠습니다.단어의미reduce배열의 모든 요소를 하나씩 처리해서 마지막에 하나의 값으로 만드는 도구입니다.누적값계산하는 동안 계속 쌓여가는 중간 결과값을 말합니다.초기값계산을 시작할 때 가장..

📘 14.2.2 filter() 실전 활용하기 - 복잡한 조건과 데이터 정리안녕하세요, 여러분. 이전 시간에 우리는 filter() 도구의 기본적인 사용법을 배웠습니다. 이제는 진짜 현실에서 사용하는 filter() 활용법을 배워볼 차례입니다. 실제 웹사이트나 앱을 만들 때는 단순한 조건 하나로는 부족합니다. 여러 조건을 함께 사용하고, 복잡한 데이터를 깔끔하게 정리하고, 사용자가 원하는 검색 결과를 정확하게 찾아주는 똑똑한 기능을 만들어야 하지요.이번 시간에는 filter()를 사용해서 진짜 프로그래머처럼 복잡하고 실용적인 기능들을 만드는 방법을 함께 배워보겠습니다. 마치 탐정이 되어 복잡한 단서들을 모아서 진실을 찾아내는 것처럼 말입니다.🧠 새로운 단어들과 친해지기실전에서 자주 사용되는 중요한 단..

📘 14.2.1 조건에 맞는 것만 골라내기 - filter() 도구여러분, 안녕하세요. 우리가 살아가면서 늘 하는 일이 하나 있어요. 바로 "고르기"랍니다. 옷장에서 오늘 입을 옷을 고르고, 급식 메뉴에서 좋아하는 반찬을 고르고, 친구들과 놀 때도 재미있는 게임을 골라내죠. 그런 선택의 순간들이 모여서 우리의 하루를 만들어가는 것처럼, 자바스크립트에서도 똑같이 조건에 맞는 것만 골라내는 특별한 도구가 있어요. 바로 filter()라는 아름다운 도구입니다. 마치 체처럼, 우리가 원하는 조건에 딱 맞는 것들만 쏙쏙 골라내 주는 거예요.이번 시간에는 배열 속에 섞여 있는 많은 것들 중에서 우리가 원하는 조건에 딱 맞는 것들만 조용히 찾아내는 방법을 배워보겠어요. 마치 모래사장에서 예쁜 조개껍데기를 찾는 것처..

📘 14.1.2 실전 map 활용법 - 데이터 변환의 요리사 되기여러분, 안녕하세요. 지난 시간에 우리는 map()이라는 아름다운 도구로 배열을 간단하게 변화시키는 방법을 배웠죠? 배열의 모든 요소를 한 번에 새로운 모습으로 바꿔주는 그 조용하고 편리한 기능 말이에요.오늘은 정말 멋진 요리사가 되어보는 시간입니다. 기본 요리법을 익힌 후에는 여러 가지 재료와 기법을 조합해서 정말 맛있는 요리를 만들어내는 것처럼, 우리도 map()을 다른 기능들과 함께 사용해서 더욱 강력한 데이터 처리를 해볼 거예요. 인터넷에서 받은 복잡한 정보들을 우리가 보기 좋은 모습으로 예쁘게 정리하는 실전 기술들... 마치 거친 돌을 다듬어 보석으로 만드는 장인의 손길처럼, 데이터를 다루는 세련된 방법들을 함께 익혀보아요.🧠 ..