10개의 블로그 게시물에서 초급에서 고급까지의 10부 JavaScript 과정

이것은 10부이자 초심자에서 고급자까지 안내하는 JavaScript 블로그 게시물 시리즈의 마지막 부분입니다. 더 이상 고민하지 않고 마지막 자습서를 시작하겠습니다.

JavaScript 과정 – 목차:

1. 우리가 다룬 JavaScript 주제
2. JavaScript 기본 사항 및 코딩 환경 설정
3. 자바스크립트 모범 사례
4. 변수 및 상수
5. JavaScript의 기본 데이터 유형
6. 프로그래밍의 루프
7. 배열 및 함수
8. 자바스크립트 객체
9. JavaScript의 매우 일반적인 개념
10. 여기에서 어디로 가야합니까?

우와! 드디어 여기까지 왔구나! 대부분의 사람들은 자신의 열정을 따르지 않고 몇 번의 튜토리얼 후에 수강한 과정을 중단합니다. 이것은 그들이 그것에 따라 행동하기 시작하는 경우에만 해당됩니다!

우리가 다룬 JavaScript 주제

이 JavaScript 과정을 통해 우리는 JavaScript의 아주 기초부터 시작하여 꽤 고급 개념으로 발전했습니다.

JavaScript를 시작하는 첫 번째 단계는 처음에 JavaScript를 배우는 이유를 실제로 이해하는 것이었습니다. JavaScript를 시작하려는 데에는 여러 가지 주요 이유가 있지만 JavaScript의 가장 눈에 띄는 응용 프로그램은 일반적으로 웹 개발에서 이런저런 방식으로 사용됩니다. JavaScript는 프론트 엔드 전용 언어로 시작하여 백엔드 서버로 확산되어 그곳에서도 지배하기 시작했습니다.

JavaScript를 배우는 이유가 무엇이든 이 JavaScript 과정을 다시 빠르게 살펴보는 것이 좋습니다.

이렇게 하면 진행 상황을 볼 수 있고 처음에는 겁을 먹었을 수 있는 정말 잘 이해한 부분을 볼 수 있을 뿐만 아니라 무시하거나 놓쳤을 수 있는 부분을 파악할 수 있습니다.

JavaScript 기본 사항 및 코딩 환경 설정

JavaScript가 인기 있는 이유와 JavaScript로 실제로 무엇을 할 수 있는지 확인한 후 Hello world! 예. Google Chrome 내부에 코딩 환경을 설정하고 JavaScript 콘솔을 사용하여 일부 코드를 작성하기 시작했습니다. 처음에 우리가 작성한 코드는 정말 단순하게 시작했고 우리가 작성한 모든 라인은 다른 라인과 상호 연결되지 않고 단순한 목적을 가지고 있었습니다. 코드의 복잡성이 증가하기 시작하면서 코딩 환경을 Google Chrome 콘솔로 업그레이드했습니다. 콘솔을 사용하여 전체 JavaScript 과정에서 점차 복잡해지기 시작한 여러 줄 코드를 편안하게 작성할 수 있게 되었습니다.

자바스크립트 모범 사례

시리즈 전반에 걸쳐 많은 코딩 모범 사례도 통합했습니다. 이러한 모범 사례는 처음 시작할 때 삶을 더 쉽게 만들고 다른 사람과 일하거나 공동 작업을 시작할 때 더욱 가치가 있습니다. 그리고 바로 그런 이유로 "아무리 많은 사람들이 협력하더라도 모든 코드는 한 사람이 작성한 것처럼 보여야 한다"와 같은 표준과 격언도 있습니다. 이것이 바로 첫 번째 개념 중 하나가 코드에 주석을 달고 있는 것을 본 이유입니다. 이렇게 하면 미래에 더 나은 프로그래머가 될 뿐만 아니라 처음 시작할 때도 더 나은 코딩 경험을 할 수 있습니다.

변수 및 상수

다음으로 우리는 변수와 상수라고 하는 것에 데이터를 저장할 수 있음을 보았습니다. 새 데이터에 대해 선택할 데이터를 결정할 때 데이터가 변경될 것으로 예상되지 않는 경우 "const" 키워드를 사용하려는 것을 염두에 두어야 합니다. 해당 값을 수정해야 한다고 생각되면 "let" 키워드를 사용해야 합니다. 이것이 현재의 모범 사례이지만 ES6 이전에는 변수를 사용하는 유일한 방법은 "var" 키워드로 변수를 선언하는 것뿐이었습니다. 2015년 ES6 표준에서 var 키워드와 함께 제공되는 유연성으로 인해 발생할 수 있는 잠재적인 문제를 확인한 후 JavaScript를 작성하는 새롭고 현대적인 방법은 "const" 및 "let" 키워드를 사용하게 되었습니다.

JavaScript의 기본 데이터 유형

그 후 우리는 JavaScript의 기본 데이터 유형에 대해 이야기했습니다. 여기서 요점은 서로 다른 데이터 유형이 서로 다른 일을 잘한다는 것을 이해하는 것입니다. 그렇기 때문에 우리가 작업하고 있는 데이터 유형의 종류를 이해하는 것이 중요합니다. 나중에 if else 문을 사용하여 코드를 제어할 수 있다는 것을 알게 되었습니다. 그것들을 시작으로 우리는 특정 조건에 적응하기 위해 코드를 부분적으로 무시하는 법을 배웠습니다. 우리는 코드와 데이터를 보다 정밀하게 제어하는 ​​데 사용할 수 있는 다양한 제어 구조에 대해 배웠습니다. 이런 식으로 코드는 더 정확한 답변으로 다양한 입력에 적응할 수 있습니다.

프로그래밍의 루프

다음으로, 우리는 프로그래밍에서 루프를 발견했습니다. 루프를 사용하면 코드에서 반복되는 것을 피할 수 있다는 것을 알았습니다. 이를 통해 기본적으로 부분적으로 DRY를 시작할 수 있었습니다. 이것은 Don't Repeat Yourself의 약자입니다.

일반적으로 우리는 작업을 완료하기 위해 필요한 것보다 더 많은 코드를 작성하고 싶지 않습니다. 더 많은 코드를 작성할 때마다 코드에 오류가 발생할 기회가 더 많아지기 때문입니다. 더 많은 코드를 작성하려면 더 많은 시간과 노력이 필요하고 잠재적인 오류가 발생합니다. 이제 동일한 코드를 10번 정도 저장해야 하므로 일반적으로 효율적이지 않습니다. 그리고 전반적으로 코딩 경험을 크게 줄일 수 있습니다. 이것이 while 루프와 for 루프로 시작하여 잠재적으로 반복적인 코드를 잘라내기 시작한 이유입니다.

배열 및 함수

또한 JavaScript의 다른 기본 개념, 주제 및 모범 사례도 보았습니다. 배열은 연도의 월, 저장해야 하는 관련 숫자 등과 같은 관련 데이터를 그룹화하는 데 정말 능숙하다는 것을 확인했습니다. 다음으로, 우리는 함수가 정말 강력하고 함수를 사용하여 코드를 실제로 모듈화하고 많은 이점을 가질 수 있음을 보았습니다. 기능을 서로 다른 기능으로 그룹화하는 이점 중 일부는 훨씬 더 모듈화되고 비교적 쉽게 테스트할 수 있는 코드를 생성한다는 것입니다. 우리는 또한 우리 자신을 반복할 가능성을 크게 줄입니다.

우리는 두 가지 주요 기능이 있음을 보았습니다. 그 중 하나는 순수 함수이고 다른 유형은 순수 함수입니다. 일반적으로 말해서 가능하면 순수 함수를 순수 함수와 비교하여 사용하는 것을 목표로 해야 합니다. 이런 식으로 우리가 작성한 순수 함수는 코드를 실행하는 위치나 코드를 실행할 때와 상관없이 동일한 방식으로 작동하고 동일한 결과를 제공합니다.

자바스크립트 객체

다음으로 우리는 물체를 보았습니다. 우리는 객체가 많은 차원을 가질 수 있는 관련성이 높은 데이터를 저장하는 데 능숙하다는 것을 배웠습니다. 우리는 객체를 생성하는 가장 간단한 방법으로 시작하여 객체에 대한 청사진을 생성한 다음 해당 청사진에서 여러 객체를 생성하는 방식으로 진행했습니다. 이러한 청사진을 사용하면 개체의 필드가 동일한 지침을 따르고 동일한 필드를 갖도록 할 수 있습니다. 이렇게 하면 작업할 훨씬 더 균일한 데이터베이스가 있음을 확신할 수 있습니다. 또한 상당한 DRY 코드를 작성할 수 있었습니다.

JavaScript의 매우 일반적인 개념

다음으로 JavaScript에서 매우 일반적인 개념과 주제를 살펴보았습니다. 그들 중 대다수는 어떤 식으로든 추가 최적화 기능을 기반으로 했습니다. map 및 filter 메소드를 사용하여 일부 for 루프와 if 문을 건너뛸 수 있었습니다. 화살표 함수를 사용하여 함수의 크기를 크게 줄일 수 있었습니다. 이 JavaScript 과정에서 JavaScript 표준의 가장 큰 최근 변경 사항인 ES6 또는 ES2015에 도입된 화살표 기능을 포함하여 많은 기능을 보았습니다.

여기에서 어디로 가야합니까?

달성하고자 하는 바에 따라 다양한 경로를 선택할 수 있습니다. 곧 작업해야 하기 때문에 JavaScript의 기본 사항을 되새기고 싶다면 이 JavaScript 과정이 포괄적인 가이드를 제공하기를 바랍니다. 아마도 당신은 이미 Python과 같은 다른 언어에 능숙했지만 JavaScript도 보고 싶었을 것입니다. 이 경우 JavaScript 구문과 개념을 시작하는 데 비교적 쉽게 도움이 되었기를 바랍니다. 또는 웹 개발을 막 시작하고 JavaScript가 꽤 인기가 있다는 것을 알고 있을 수도 있습니다.

두 경우 모두 이 JavaScript 과정이 여러분에게 가치를 제공하기를 바랍니다. 이 시리즈가 도움이 될 것이라고 생각하는 친구를 알고 있다면 이 시리즈의 첫 번째 자습서를 공유하여 JavaScript 여정도 시작할 수 있도록 하십시오.

저자: 로버트 휘트니

IT 부서를 지도하는 JavaScript 전문가이자 강사입니다. 그의 주요 목표는 코딩하는 동안 다른 사람들에게 효과적으로 협력하는 방법을 가르쳐 팀 생산성을 높이는 것입니다.

모든 게시물 보기

10개의 블로그 게시물에서 초급에서 고급까지 JavaScript 과정:

1. JavaScript에서 코딩을 시작하는 방법은 무엇입니까?
2. 자바스크립트 기본
3. JavaScript의 변수 및 다양한 데이터 유형
4. 스니펫 및 제어 구조
5. while 루프와 for 루프
6. 자바 배열
7. 자바스크립트 함수
8. 자바스크립트 객체
9. JavaScript 메서드 등
10. 자바스크립트 코스 요약