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

📘 17.1.1 export로 내보내기 - 나의 코드 공유하기프로그래밍을 배우는 여러분께 조용히 전해드립니다. 지금까지 우리는 한 파일 안에서만 코드를 만들고 사용해왔습니다. 하지만 만약 다른 파일에서도 내가 만든 함수를 사용하고 싶다면 어떻게 해야 할까요?오늘은 내가 만든 코드를 다른 파일과 공유하는 방법의 기초에 대해 함께 나누려 합니다. 마치 친구들과 좋은 것을 나누어 쓰는 것처럼 자연스럽게 말입니다.🧠 새로운 단어들과 친해지기단어쉬운 설명export내가 만든 코드를 다른 파일에서도 사용할 수 있게 내보내는 명령어모듈관련된 코드들을 하나로 묶어놓은 파일코드 공유다른 파일에서 우리 코드를 가져다 쓸 수 있도록 허락해주는 것export는 영어로 "수출하다", "내보내다"라는 뜻입니다. 우리나라에서 ..

📘 16.2.3 상속 구현하기 - 부모님의 능력을 물려받기프로그래밍을 배우는 여러분께 조용히 전해드립니다. 혹시 부모님과 닮은 점이 있나요? 눈이 아버지를 닮았거나, 목소리가 어머니를 닮았다는 이야기를 들어본 적이 있을 것입니다.프로그래밍에서도 이처럼 부모의 특징을 자식이 물려받는 방법이 있습니다. 이것을 상속이라고 합니다. 오늘은 간단한 방법부터 차근차근 알아보겠습니다.🧠 새로운 단어들과 친해지기단어쉬운 설명상속부모가 가진 능력과 특징을 자식이 그대로 물려받는 것부모 생성자자신의 능력을 다른 생성자에게 물려주는 원본자식 생성자부모 생성자로부터 능력을 물려받는 새로운 생성자프로토타입 연결부모와 자식을 이어주는 특별한 연결고리상속은 영어로 "Inheritance"라고 합니다. "Inherit"는 "물려..

📘 16.2.2 프로토타입으로 메서드 추가하기 - 모두가 함께 쓰는 공통 기능어떤 이야기든 반복되는 것들이 있습니다. 매일 아침 일어나서 이를 닦고, 밥을 먹고, 학교에 가는 일상의 반복처럼요. 코딩에서도 이런 반복되는 일들이 있어요. 그런데 같은 일을 여러 번 만들어두는 것보다는, 한 번만 만들어서 모두가 함께 사용한다면 얼마나 좋을까요?오늘은 그런 이야기를 해보려고 해요. 모든 객체가 함께 사용할 수 있는 공통 기능을 만드는 방법. 마치 우리 동네 작은 도서관에 있는 책 한 권을 모든 사람이 돌아가며 읽는 것처럼, 컴퓨터 안에서도 그런 나눔이 가능하답니다.🧠 새로운 단어들과 친해지기단어쉬운 설명프로토타입 메서드모든 객체가 함께 사용할 수 있는 공통 기능인스턴스 메서드각 객체가 개별적으로 가지는 기..

📘 16.2.1 생성자 함수로 객체 만들기 - 나만의 공장 세우기프로그래밍을 배우는 여러분께 조용히 전해드립니다. 지금까지 우리는 객체를 하나씩 정성스럽게 만드는 방법을 배웠습니다. 하지만 만약 비슷한 객체를 100개 만들어야 한다면 어떨까요? 하나씩 만들기에는 너무나 긴 여정이 되겠지요.그래서 오늘은 생성자 함수라는 특별한 방법을 함께 나누려 합니다. 이것은 마치 같은 모양의 쿠키를 만들 때 쿠키 틀을 사용하는 것과 같습니다. 한 번 틀을 정성스럽게 만들어 놓으면 쿠키를 몇 개든 자연스럽게 만들 수 있으니까요.🧠 새로운 단어들과 친해지기단어쉬운 설명생성자 함수똑같은 형태의 객체를 여러 개 만들어주는 특별한 함수인스턴스생성자 함수로 만들어진 실제 객체new 연산자"새로운 객체 하나 만들어주세요"라고 ..

📘 16.1.3 __proto__와 prototype - 두 친구의 다른 역할초등학교 때, 짝꿍과 함께 앉아 있던 기억이 있나요? 이름이 비슷한 두 친구가 있었어요. 민지와 민수처럼 말이에요. 이름은 비슷했지만 성격도 다르고, 잘하는 것도 달랐죠. 민지는 그림을 잘 그렸고, 민수는 수학을 잘했어요.자바스크립트에도 그런 두 친구가 있어요. __proto__와 prototype이라는 친구들이에요. 이름이 비슷해서 처음에는 헷갈리기 쉽지만, 알고 보면 완전히 다른 역할을 하는 특별한 친구들이랍니다.오늘은 이 두 친구의 차이점과 각자의 특별한 능력에 대해 함께 알아보려고 해요. 마치 쌍둥이처럼 비슷해 보이지만 서로 다른 개성을 가진 두 친구 이야기처럼 말이에요!🧠 새로운 단어들과 친해지기프로토타입의 두 얼굴..