JavaScript에서 코딩을 시작하는 방법은 무엇입니까? 1부 자바스크립트 초급부터 고급까지
게시 됨: 2021-10-21이 시리즈에서는 10개의 블로그 게시물에서 JavaScript의 초급에서 고급으로 이동할 것입니다. 이 시리즈가 끝나면 JavaScript로 코딩을 시작하기 위해 알아야 할 모든 기본 사항을 알게 될 것입니다.
JavaScript에서 코딩을 시작하는 방법은 무엇입니까? – 목차:
- 누구를 위한 코스인가요?
- JavaScript로 실제로 무엇을 할 수 있습니까?
- JavaScript가 인기 있는 이유는 무엇입니까?
- JavaScript 코드를 작성하고 실행할 수 있는 곳은 어디입니까?
- JavaScript에서 코딩을 시작하는 방법은 무엇입니까?
누구를 위한 코스인가요?
이 과정은 JavaScript로 코딩을 시작하려는 사람이거나 JavaScript에 대한 지식을 새로고침하려는 사람을 위한 것입니다. 또한 나중에 참조할 수 있도록 이 자습서를 북마크에 추가하는 것이 좋습니다. 개념에 대해 빠르게 다시 소개하거나 JavaScript에서 사용된 구문을 기억하고 싶을 때마다 나중에 이 시리즈를 검토하는 것이 좋습니다.
JavaScript로 실제로 무엇을 할 수 있습니까?
JavaScript에 뛰어들기 전에 JavaScript로 실제로 무엇을 할 수 있는지 아는 것이 좋습니다. JavaScript를 웹을 지배하는 언어로 알고 있을 것입니다. 그리고 당신은 완전히 옳을 것입니다! 웹사이트에 동작을 추가하기 위한 프론트엔드 언어로 시작된 JavaScript는 이제 웹사이트의 모든 측면에서 사용됩니다.
일반적으로 React와 같은 다른 JavaScript 프레임워크 및 라이브러리와 함께 프런트 엔드 웹 개발에 일반적으로 사용됩니다. 웹 서버에서 JavaScript를 실행할 수 있는 Node.js 덕분에 백엔드 웹 개발에서 가장 많이 사용되는 언어이기도 합니다. 그러나 그것은 전혀 멈추는 곳이 아닙니다. 자바스크립트는 프로그레시브 웹 애플리케이션을 생성하는 것부터 데스크탑 앱까지 모든 종류의 장소에서 사용됩니다. 또한 최근에는 TensorFlow.js를 사용하여 기계 학습에 사용되기 시작했습니다. Node.js 덕분에 드론, 로봇 및 IOT 장치 제어에도 사용할 수 있습니다.
JavaScript가 인기 있는 이유는 무엇입니까?
JavaScript는 현재 가장 인기 있는 프로그래밍 언어이며 그만한 이유가 있습니다. 오늘날의 JavaScript를 만드는 데에는 여러 가지 주요 요소가 있습니다. 여기에는 실행 환경의 광범위한 가용성, Babel을 통한 코드 버전 안전성 및 커뮤니티의 광범위한 채택이 포함됩니다. 한 번에 하나씩 살펴보겠습니다.
광범위한 가용성
JavaScript는 앞뒤로 웹을 지배합니다. JavaScript 지식을 새로 고치기 위해 이 기사를 읽고 있다면, 특히 프론트 엔드 웹 개발과 관련하여 최적화하는 방법이 다양할 수 있으므로 새로운 JavaScript 프레임워크가 몇 달에 한 번씩 등장한다는 사실을 알고 있을 것입니다.
이 기사의 뒷부분에서 볼 수 있듯이 브라우저에 필요한 도구가 이미 있기 때문에 JavaScript 코드 작성 및 실행을 시작하기 위해 특별한 소프트웨어를 설치할 필요가 없습니다. 이것만으로도 대부분의 프로그래밍 언어는 시작하기 위해 코딩 환경을 설치하고 설정해야 하기 때문에 언어 학습을 시작하는 장벽을 낮춥니다.
버전 안전성
코드를 작성하는 전체 목적은 실행되어야 할 때 실제로 실행하는 것입니다. 그리고 마지막으로 원하는 것은 웹사이트의 절반이 많은 수의 사용자에게 작동하지 않도록 하는 것입니다. 하지만 코드가 1000가지 다른 장치와 브라우저 조합에서 실행되어야 한다면 어떻게 해야 할까요? 누구를 위해 최적화할 것이며 누구를 사용자가 되는 것을 포기할 것입니까? 그런 선택을 해야 합니까? 사용자의 절반이 구형 장치를 사용하고 나머지 절반이 새 장치를 사용하는 경우 코드를 최적화할 대상은 누구이며 고객으로서 무시할 대상은 누구입니까? 그 대답은 바벨 덕분에 아무 것도 아닙니다.
Babel은 아주 오래된 버전의 JavaScript를 사용하는 아주 오래된 브라우저에서도 코드가 실행되도록 하는 소프트웨어입니다. 이렇게 하면 고객의 절반을 무시하는 선택을 할 필요가 없습니다. 분명히 말해서 Babel로 코드를 작성하지 않았거나 JavaScript의 특징이 아닙니다. 그러나 이미 작성되고 작동하는 JavaScript 코드를 가져와 다른 브라우저가 그들의 브라우저에 아주 오래된 버전의 JavaScript를 가지고 있더라도 이해할 수 있는 JavaScript 버전으로 변환하는 매우 일반적으로 사용되는 소프트웨어입니다.
거대한 커뮤니티 채택
코드를 작성할 때마다 문제가 발생하는 것은 불가피합니다. 그리고 그 때 어떤 프로그래밍 언어로 작업하든 인터넷에서 도움이 되는 누군가가 이미 문제에 대해 답변하고 있는 것을 보는 것이 매우 도움이 될 수 있습니다. 그것이 커뮤니티 지원이 시작되는 곳이므로 StackOverflow가 필요합니다.
StackOverflow가 무엇인지 모른다면 기본적으로 사람들이 프로그래밍 질문을 하고 답변하는 데 사용하는 가장 큰 프로그래밍 포럼입니다. 답을 찾을 수 있는 유일한 장소는 아니며 특정 질문에 답하는 데 매우 도움이 되는 장소가 분명히 있지만 대부분의 답을 그곳에서 찾을 수 있습니다. StackOverflow로 이동하여 문제를 검색할 것을 제안하는 것이 아닙니다. 일반적으로 Google 검색은 최상의 결과를 제공합니다.
그리고 코딩을 배우는 동안에는 이것을 기대하지 않을 수도 있지만 소프트웨어 개발의 주요 부분에는 답을 보다 효과적으로 찾기 위해 Google에서 무엇을 검색해야 하는지 아는 것이 포함됩니다.
그렇기 때문에 많은 사람들이 JavaScript로 코딩을 시작하기를 원합니다. JavaScript를 가장 인기 있는 프로그래밍 언어로 사용하면 장단기적으로 언어 작업에 확실히 도움이 됩니다. 글을 쓸 때마다
JavaScript, 수천 명의 사람들이 동시에 JavaScript를 코딩한다고 상상해보세요. 일부 게시 질문, 일부 답변 질문.
JavaScript를 코딩할 때 혼자가 아닙니다.
JavaScript 코드를 작성하고 실행할 수 있는 곳은 어디입니까?
JavaScript에서 코딩을 시작하는 데 사용할 수 있는 여러 위치가 있습니다. 간단한 노트북이나 텍스트 편집기를 포함하여 어디에서나 기술적으로 JavaScript를 작성할 수 있습니다. 그러나 실제로 코드를 실행하려면 JavaScript 엔진도 필요합니다. 하지만 어떻게 하나를 잡을 수 있습니다. 글의 시작 부분을 기억한다면 이미 브라우저에 있다는 것을 알 수 있습니다.
이 블로그 게시물 시리즈에서는 웹 개발에 사용되는 가장 일반적인 브라우저 중 하나인 Chrome을 브라우저로 사용할 것입니다. Chrome이 웹 개발을 수행할 때 훨씬 더 쉽게 사용할 수 있는 최고의 도구를 제공하는 데는 그럴만한 이유가 있습니다. Chrome에는 JavaScript 코드를 가져와 실행하는 V8 엔진이라는 JavaScript 엔진이 있습니다. 이 JavaScript 엔진은 브라우저에서 JavaScript를 가져올 수 있는 소프트웨어인 Node.js 개발에도 사용됩니다. Node.js는 웹서버부터 드론까지 모든 곳에서 자바스크립트를 사용할 수 있는 이유이기도 합니다.
JavaScript로 코딩을 시작하려는 경우 코드를 실행하기 위해 JavaScript 엔진이 필요하고 이제 브라우저와 함께 제공되는 엔진이 이미 있다는 것을 아는 것이 좋습니다. 또한 브라우저에서 JavaScript를 실행하려면 Node.js를 다운로드하여 설치해야 합니다. 그러나 실제로 코드를 작성하고 실행하는 것과 관련하여 이 모든 것이 코딩 경험에 의미하는 바는 무엇입니까? 일반적으로 일종의 IDE(통합 개발)를 사용하려고 합니다.
환경)을 사용하여 코드를 작성합니다. 이렇게 하면 이름에서 짐작할 수 있듯이 장기적으로 코드 작업을 더 쉽게 하는 더 많은 도구가 함께 제공됩니다. 여기에는 적은 타이핑을 위한 텍스트 완성에서 디버거에 이르기까지 모든 것이 포함될 수 있습니다. 많은 사람들이 이러한 IDE로 작업하기 때문에 어떤 여는 괄호가 어떤 닫는 괄호와 일치하는지 더 쉽게 볼 수 있도록 코드에 대괄호를 색칠하는 것을 포함하여 코딩 환경을 사용자 정의할 수 있는 매우 일반적인 확장도 있습니다. 괄호가 무엇을 하는지에 대한 아이디어가 없더라도 지금은 걱정하지 마십시오. 이 블로그 시리즈에서 알아야 할 모든 세부 정보와 함께 괄호를 볼 것입니다.
현재 가장 인기 있는 IDE에는 Visual Studio Code, Atom 및 Sublime Text가 있습니다. 그러나 이를 위해 우리는 시작할 수 있는 가장 간단한 옵션으로 시작할 것입니다. 이 옵션은 실제로 Chrome 브라우저 자체를 사용하여 JavaScript 코드를 작성하고 실행하는 것입니다.
이제 JavaScript에 대한 몇 가지 배경 정보가 있으므로 실제로 코딩 환경을 설정하고 "Hello, World!"로 시작하겠습니다. 암호.
JavaScript에서 코딩을 시작하는 방법은 무엇입니까?
JavaScript로 코딩을 시작하려면 코딩 환경을 설정해야 합니다.
이전에도 언급했듯이 이 블로그 게시물 시리즈에서는 Google Chrome을 브라우저로 사용할 것입니다. 이미 Chrome이 설치되어 있다면 좋습니다! 그렇지 않은 경우 첫 번째 단계는 실제로 Chrome을 설치하는 것입니다. Chrome을 다운로드하려면 "Google Chrome 다운로드"를 검색하고 웹사이트에서 다운로드하거나 여기에서 Chrome을 다운로드할 수 있는 편리한 링크를 찾을 수 있습니다.
Google 크롬 – Google에서 빠르고 안전한 브라우저 다운로드이제 "Chrome 다운로드" 버튼을 클릭하여 다운로드를 시작할 수 있습니다. 다운로드되면 인터넷에서 다운로드하는 다른 응용 프로그램과 마찬가지로 두 번 클릭하고 설치 프로세스를 진행할 수 있습니다. 또한 Google 계정 중 하나에 로그인하라는 메시지가 표시될 수 있습니다. 로그인할 수 있습니다.
Chrome을 설치했으면 두 번 클릭하여 창을 엽니다. 이제 기존의 Google 검색 화면이 표시됩니다.
JavaScript로 코딩을 시작하려면 다음 단계는 Chrome 브라우저 내에서 코드를 작성하고 실행할 실제 장소를 여는 것입니다. 상단 메뉴에서 메뉴, 개발자로 이동한 다음 JavaScript 콘솔을 클릭합니다. Mac용 단축키인 "option + command + J"를 사용할 수도 있습니다.
그렇게 한 직후에 다음과 같은 JavaScript 콘솔이 열리는 것을 볼 수 있습니다.
여기까지 했다면 굉장합니다! 이제 JavaScript로 코딩을 시작할 수 있는 의미 있는 단계가 필요합니다. hello world 와 함께 JavaScript 여정을 시작해 보겠습니다. 계속해서 다음을 입력하십시오.
alert("Hello, World!");
입력한 후 키보드에서 "Enter" 또는 "Return" 키를 눌러 코드를 실행해 보겠습니다.
이제 다음과 같은 경고 팝업이 표시되어야 합니다.
그리고 그것으로 첫 번째 "hello world" 코드를 작성했습니다! 이제 JavaScript로 코딩을 시작하는 방법을 알게 되었습니다.
다음 블로그 게시물에서는 코딩 예제와 함께 JavaScript의 기본 사항을 볼 수 있습니다.
10개의 블로그 게시물에서 초급에서 고급까지 JavaScript 과정:
- JavaScript에서 코딩을 시작하는 방법은 무엇입니까?
- 자바스크립트 기본
- JavaScript의 변수 및 다양한 데이터 유형
- 스니펫 및 제어 구조
- while 루프와 for 루프
- 자바 배열
- 자바스크립트 함수
- 자바스크립트 객체
- JavaScript 메서드 등
- 자바스크립트 코스 요약