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

📘 17.5.3 scripts 작성하기 - npm으로 편리한 단축키 만들기때로는 가장 복잡한 것들을 가장 간단하게 만드는 방법을 아는 것이 진정한 지혜일지도 모릅니다. 지금까지 npm으로 패키지를 설치하고 사용하는 방법을 배웠는데, 이제 정말 아름다운 새로운 기능을 배워볼 시간이에요. 바로 npm scripts라는 특별한 단축키 기능이랍니다! 이 기능을 사용하면 길고 복잡한 명령어를 짧고 간단한 단어로 바꿀 수 있어요. 마치 "ctrl+c"로 복사하고 "ctrl+v"로 붙여넣기 하는 것처럼 말이에요!🧠 먼저 용어를 알아볼까요?새로운 세상의 문을 열기 전에, 우리가 함께 사용할 소중한 단어들의 의미를 차근차근 알아보겠습니다.용어의미npm scriptspackage.json 파일에 저장하는 특별한 명령어..

📘 17.5.2 패키지 설치해보기 - npm으로 유용한 도구 가져오기지난 시간에 npm이라는 코드 도구 상점에 대해 배웠으니, 이제 정말 신나는 일을 해볼 시간이에요. 바로 실제로 상점에서 필요한 패키지들을 가져와 보는 거예요! 마치 처음으로 문구점에서 학용품을 사는 것처럼, 설레면서도 조금 긴장되지 않나요? 하지만 걱정하지 마세요. 우리가 천천히, 차근차근 함께 배워나갈 테니까요!🧠 먼저 용어를 알아볼까요?npm에서 쇼핑을 시작하기 전에, 알아야 할 중요한 용어들과 먼저 친해져 보겠습니다.용어의미패키지 설치npm을 사용해서 다른 사람이 만든 유용한 코드를 우리 프로젝트로 가져오는 것이에요.프로젝트 전용 설치현재 작업 중인 프로젝트에만 패키지를 설치하는 방법이에요.컴퓨터 전체 설치컴퓨터 전체에서 언제..

📘 17.5.1 npm이란? - 거대한 코드 도서관 탐험하기지금까지 Node.js로 멋진 프로그램들을 만들어봤죠? 이제 정말 신나는 새로운 세계를 탐험해볼 시간이에요. 바로 npm이라는 거대한 온라인 도서관에서 말이에요! 이곳에는 전 세계 개발자들이 만든 수백만 개의 유용한 코드들이 보물처럼 저장되어 있어요. 마치 레고 블록 상점에서 원하는 부품을 골라 멋진 작품을 만드는 것처럼, npm에서도 필요한 코드를 쉽게 가져와서 우리만의 특별한 프로그램을 만들 수 있답니다.🧠 먼저 용어를 알아볼까요?거대한 npm 세계로 떠나기 전에, 알아야 할 중요한 용어들과 친해져 보겠습니다.용어의미npmNode 패키지 관리자의 줄임말이에요. Node.js용 패키지를 관리해주는 특별한 도구입니다.패키지다른 사람들이 만들어..

📘 17.4.3 터미널에서 자바스크립트 실행하기 - 컴퓨터와 직접 대화해보기이제까지 우리는 Node.js가 무엇인지, 프로젝트는 어떻게 구성하는지 배웠습니다. 이번 시간에는 정말 신나는 일을 해볼 거예요. 바로 터미널이라는 특별한 창을 통해 컴퓨터와 직접 대화하며 자바스크립트 코드를 실행해보는 것입니다. 마치 컴퓨터의 마음속으로 들어가서 직접 명령을 내리는 것 같은 새로운 경험을 해보게 될 거예요.🧠 먼저 용어를 알아볼까요?컴퓨터와의 대화를 시작하기 전에, 알아야 할 특별한 용어들을 만나보겠습니다.용어의미터미널컴퓨터와 글자로 대화할 수 있는 특별한 창을 말합니다.node 명령어터미널에서 자바스크립트를 실행하기 위해 사용하는 특별한 명령입니다.대화형 환경코드를 입력하면 바로 결과를 보여주는 대화형 환경..

📘 17.4.2 기본 실행 구조 - Node.js 프로젝트 만들기의 첫걸음Node.js가 무엇인지 알게 되었으니, 이제 실제로 Node.js 프로젝트를 어떻게 만드는지 배워볼 차례입니다. 마치 새 집을 짓기 위해 설계도를 그리는 것처럼, Node.js 프로젝트도 체계적인 구조가 필요하거든요. 오늘은 그 구조를 차근차근 익혀보면서, 우리만의 작은 프로젝트를 직접 만들어보려 합니다.🧠 먼저 용어를 알아볼까요?새로운 프로젝트 세계로 들어가기 전에, 알아두어야 할 말들이 있습니다.용어의미시작점프로그램이 시작되는 가장 중요한 첫 번째 파일을 말합니다.패키지관련된 코드와 파일들을 하나로 묶어서 배포하는 단위입니다.프로젝트 설명서Node.js 프로젝트의 모든 정보와 설정을 담은 특별한 파일입니다.파일 범위각 파일..

📘 17.4.1 Node.js가 뭐예요? - 자바스크립트의 새로운 놀이터그동안 자바스크립트는 웹 브라우저라는 작은 울타리 안에서만 살아왔습니다. 마치 창문 너머 바깥세상을 바라보며 언젠가는 그곳으로 나가고 싶어 하는 아이처럼요. 그런데 어느 날, Node.js라는 다리가 놓였습니다. 이제 자바스크립트는 브라우저 너머 더 넓은 세상으로 발걸음을 내딛을 수 있게 되었어요. 오늘 우리는 그 새로운 세계의 문턱에 서서, 자바스크립트가 펼쳐나갈 가능성들을 함께 들여다보려 합니다.🧠 먼저 용어를 알아볼까요?새로운 길을 걷기 전에, 우리가 알아두어야 할 말들이 있습니다.용어의미Node.js브라우저 밖에서도 자바스크립트를 실행할 수 있게 해주는 특별한 환경입니다.서버다른 컴퓨터들의 요청을 받아서 응답해 주는 프로그..

📘 17.3.3 ES6 모듈과의 차이점 - 두 개의 다른 언어처럼코드를 나누어 담는 방법에도 각각의 색깔이 있습니다. 지금까지 우리가 배워온 CommonJS의 따뜻한 품 안에서 module.exports와 require라는 친숙한 단어들과 함께해왔지만, 자바스크립트 세상에는 또 다른 길이 있어요. ES6 모듈이라는 새로운 방식이 우리를 기다리고 있습니다. 마치 같은 하늘을 바라보지만 서로 다른 언어로 이야기하는 두 사람처럼, 이 두 방식은 같은 목적을 가지고 있으면서도 각자만의 독특한 표현 방식을 가지고 있어요. 이번 시간에는 이 아름다운 차이점들을 함께 살펴보겠습니다.🧠 먼저 용어를 알아볼까요?새로운 세상을 탐험하기 전에, 우리가 함께 사용할 단어들의 의미를 차근차근 알아보겠습니다.용어의미Commo..

📘 17.3.2 require로 불러오기 - 편리한 배달 서비스가끔 저녁 시간이 되면 무엇을 먹을지 고민이 될 때가 있어요. 그럴 때면 스마트폰을 꺼내 배달 앱을 켜곤 하죠. 몇 번의 터치만으로 멀리 있는 맛집의 음식이 우리 집 문 앞까지 도착해요. 정말 놀라운 일이에요.프로그래밍에도 그런 편리한 배달 서비스가 있어요. 우리가 필요한 코드를 다른 파일에서 가져다주는 require라는 특별한 도구 말이에요. 오늘은 이 편리한 배달 서비스에 대해 이야기해보려고 해요.🧠 새로운 단어들과 친해지기단어쉬운 설명require다른 파일에서 만든 코드를 가져오는 명령어모듈 캐싱한 번 가져온 코드를 기억해두었다가 다시 사용하는 기능구조 분해 할당큰 상자에서 필요한 것만 골라서 꺼내는 편리한 방법✨ require가 뭐..

📘 17.3.1 module.exports 사용하기 - Node.js의 특별한 선물상자어렸을 때, 생일선물을 받으면 어떤 마음이었나요? 포장지를 조심스럽게 뜯어내며 "안에 뭐가 들어있을까?" 하고 설레던 그 순간들 말이에요. 작은 상자 안에 누군가의 마음이 고스란히 담겨 있었죠.프로그래밍에도 그런 선물상자가 있어요. 우리가 정성껏 만든 함수나 변수들을 예쁜 상자에 담아서 다른 사람들에게 전해줄 수 있는 특별한 방법이 있거든요. 오늘은 Node.js라는 환경에서 사용하는 module.exports라는 선물상자에 대해 이야기해보려고 해요.🧠 새로운 단어들과 친해지기단어쉬운 설명CommonJSNode.js에서 사용하는 모듈 시스템의 이름module.exports우리가 만든 코드를 다른 파일에 보내주는 특별..

📘 17.2.3 의존성 관리 - 필요한 재료 목록 정리하기어머니가 요리를 시작하기 전에는 늘 같은 일을 하셨어요. 냉장고를 열어 재료들을 하나씩 꺼내어 놓으시는 거였죠. "계란찜을 만들려면 계란이 필요하고, 파도 있어야 하고..." 이렇게 중얼거리시며 필요한 것들을 차례로 준비하셨어요.그때는 몰랐지만, 어머니는 의존성을 관리하고 계셨던 거예요. 계란찜이라는 요리가 계란과 파에 의존하고 있다는 걸 아시고, 미리 준비해두신 거죠.오늘은 프로그래밍에서도 이처럼 어떤 코드가 어떤 다른 코드에 의존하는지 명확히 정리하는 방법인 의존성 관리에 대해 이야기해보려고 해요.🧠 새로운 단어들과 친해지기단어쉬운 설명의존성한 코드가 다른 코드 없이는 동작할 수 없는 관계의존성 관리코드들 사이의 필요 관계를 체계적으로 정리..