소개

docs.scrimba.com

Juno

JavaScript 핸드북에 오신 것을 환영합니다! 저는 Juno이고, 이 주제를 가르치는 것을 정말 좋아합니다. HTML은 페이지에 구조를 주고 CSS는 모양을 주며, JavaScript는 실제로 무언가를 하도록 만듭니다: 클릭에 반응하고, 페이지를 업데이트하고, 새로운 데이터를 가져옵니다.

우리는 코드의 첫 번째 줄부터 시작해서 천천히, 한 번에 한 가지 개념씩 쌓아올릴 것입니다. 경험이 필요 없고, 여기서는 물어보기에 너무 기초적인 것은 없습니다.

자신의 속도로 진행하세요. 우리가 함께 거기에 도달할 것입니다!

Juno

JavaScript 핸드북에 오신 것을 환영합니다. 저는 Ace이고, 실용적으로 일을 진행하는 것을 좋아합니다. 여기서 웹은 정적인 것을 멈추고 사람들에게 반응하기 시작하므로, 우리는 실무적으로 유지합니다: 개념을 읽고, 시도하고, 그것으로 뭔가를 만듭니다.

JavaScript는 웹 개발자로서 가장 많은 시간을 보낼 언어이므로, 어떤 메서드가 무엇을 하는지뿐만 아니라 어떻게 작동하는지에 대한 진정한 감각을 구축하는 것이 좋습니다.

Juno

JavaScript 핸드북에 오신 것을 환영합니다. 저는 Sol이고, JavaScript를 오래 작성해서 대부분의 날카로운 모서리에 상처를 입었습니다. 이것은 문법이 무엇을 실행하는지뿐만 아니라 언어가 실제로 어떻게 작동하는지 알고 싶은 사람들을 위한 문서입니다.

타입 강제 규칙, 비동기 모델, 그리고 대부분의 튜토리얼이 건너뛰는 브라우저 세부 사항을 기대하세요. JavaScript는 버그를 숨기는 방식으로 너그럽고, 실행되는 코드와 견디는 코드 사이의 간격이 실제 작업이 있는 곳입니다. 자세히 읽고 나를 포함해 모든 것을 의심하세요.

이 핸드북은 웹 프로그래밍을 배우는 모든 사람을 위한 것입니다. JavaScript는 모든 브라우저에서 실행되는 언어이며, 정적 페이지를 반응하는 것으로 바꾸는 것입니다: 버튼을 클릭할 때 반응하고, 보내기 전에 양식을 확인하고, 새로고침 없이 페이지의 일부를 업데이트하고, 서버에서 새로운 데이터를 가져옵니다. HTML은 페이지에 무엇이 있는지를 말하고 CSS는 어떻게 보이는지를 말하며, JavaScript는 무엇을 하는지를 말합니다. 여기서 볼 두 가지 용어에 대해 간단히 말하자면: 값은 숫자 42 또는 텍스트 "hello"와 같은 데이터의 한 조각이고, 변수는 나중에 사용할 수 있도록 값에 주는 이름입니다. 여기의 모든 개념은 깊이, 예제, 그리고 빠른 답변이 필요할 때마다 검색할 수 있는 내용과 함께 완전히 작성되었습니다.

시작하기 위해 사전 코딩 경험이 필요하지 않습니다. HTML을 조금 작성한 적이 있다면, 그것으로 충분하고, 나머지는 나타날 때 소개됩니다. JavaScript는 대부분의 웹 개발자가 실제로 프로그래밍을 처음 배우는 곳입니다. 브라우저가 직접 실행하는 유일한 언어이기 때문입니다.

이 핸드북은 아래부터 위로 진행됩니다. 값을 저장하고 변경하는 방법, 결정을 내리고 작업을 반복하는 방법, 코드를 함수로 구성하는 방법, 배열과 객체에 데이터 컬렉션을 보관하는 방법, 그리고 웹 페이지에 도달하여 읽고 변경하기, 사용자가 무엇을 하는지 반응하기, 페이지 새로고침 없이 데이터를 로드하는 방법을 배울 것입니다. 각 개념은 그 자체로는 작지만, 실제로 무언가를 하는 페이지로 쌓입니다.

여기서의 접근 방식은 무엇을 입력해야 하는지뿐만 아니라 각 JavaScript 부분이 무엇을 하고 왜 그렇게 하는지 설명하는 것입니다. 누구나 스니펫을 복사하고 한 번 실행하는 것을 볼 수 있습니다. 그것과 6개월 후에 읽고, 신뢰하고, 변경할 수 있는 코드를 작성하는 것 사이의 거리는 언어가 실행될 때 실제로 무엇을 하는지 이해하는 것입니다. 그 이해가 모든 단일 프로젝트보다 오래 지속되는 것입니다.

범위에 대한 말씀, 이 핸드북이 무엇인지 그리고 무엇이 아닌지를 알 수 있도록. JavaScript는 큰 언어이고, 그것의 모든 것을 다루는 단일 문서 세트는 없습니다. 여기서 배울 것은 기초입니다: 첫 번째 스크립트부터 실제 애플리케이션까지 거의 모든 JavaScript에서 도달하는 핵심. 서버에서 데이터를 로드하는 것까지 가며, 이것이 많은 소개가 멈추는 지점입니다. 그 너머에는 이 동일한 기초 위에 구축된 도구와 라이브러리, React와 같은 프레임워크, Node를 사용하여 브라우저 밖에서 JavaScript를 실행하고, TypeScript를 사용하여 타입을 추가합니다. 기초를 견고하게 하면 나머지는 훨씬 짧은 등반입니다.

JunoJavaScript는 브라우저에서 바로 실행됩니다 JavaScript를 배우는 것에 대한 좋은 점은 이미 설치되어 있다는 것입니다. 모든 브라우저가 실행할 수 있으므로 설정할 것이 없습니다. 코드 한 줄을 작성하고, 페이지를 새로고침하고, 무슨 일이 일어나는지 봅니다. 그 빠른 루프가 JavaScript를 시도하여 배우는 가장 친화적인 언어 중 하나로 만듭니다.

JunoJavaScript는 브라우저에서 바로 실행됩니다 JavaScript는 브라우저와 함께 제공되므로 피드백 루프는 가능한 한 짧습니다: 작성, 새로고침, 관찰, 그리고 콘솔을 사용하여 값을 실시간으로 살펴봅니다. 그것에 의존하세요. 이 핸드북의 모든 것은 읽을 뿐만 아니라 실행하기 위한 것이고, 브라우저 개발 도구는 가장 많이 배울 수 있는 곳입니다.

JunoJavaScript는 브라우저에서 바로 실행됩니다 브라우저는 당신의 런타임이자 실험실입니다: 콘솔은 표현식을 실시간으로 평가하고, 디버거는 실행을 일시 중지하며, 네트워크 패널은 모든 요청을 표시합니다. 첫날부터 사용하세요. 값이 어떻게 작동하는지 읽는 것은 한 가지입니다. 무언가가 당신을 놀라게 할 때 그 순간 콘솔에서 그것을 보는 것이 모델을 고착시키는 것입니다.

가이드를 만나세요

이 핸드북은 세 명의 가이드가 호스팅하며, 당신이 어떤 가이드를 선택하든 당신을 안내합니다. 자료는 모두를 위해 동일합니다. 가이드는 그것이 말해지는 목소리를 설정하고, 적응하는 페이지에서는 각 섹션이 얼마나 깊이 있는지 설정합니다.

• Juno는 초급자 트랙을 가르칩니다: 따뜻하고 인내심 있고, 평이한 유추, 아무것도 가정하지 않습니다.
• Ace는 중급자 트랙을 가르칩니다: 실용적이고 구축 우선, 당신이 실제로 하는 것으로 곧장 진행합니다.
• Sol은 Deep Dive를 가르칩니다: 메커니즘, 절충, 그리고 다른 모든 사람이 건너뛰는 프로덕션 세부 사항.

어느 페이지의 상단에 있는 선택기에서 언제든지 가이드를 전환하거나, 오른쪽 하단의 기본 설정을 열어서 가이드, 언어 또는 글꼴 크기를 변경합니다.

설정되면, 핸드북이 진지하게 시작됩니다. 다음 장인 JavaScript란 무엇인가는 JavaScript가 실제로 무엇인지, 어디서 실행되는지, 그리고 이미 알고 있는 HTML과 CSS와 함께 어떻게 맞는지 다룹니다.

구축하면서 배우는 것을 선호하시나요?Scrimba의 무료 9시간 JavaScript 과정은 승객 카운터, 블랙잭 게임, Chrome 확장 프로그램 및 모바일 앱을 구축하며 전체적으로 인터랙티브한 챌린지가 있습니다.→