자바스크립트 기초를 읽고 직접 연습하기
예제를 읽을 때는 이해한 것 같아도 빈 파일에서 다시 작성하면 막히기 쉽습니다. 개념을 확인하는 문서와 직접 답을 만드는 연습을 번갈아 사용해 보세요. 긴 강의를 끝내는 것보다 설명 없이 작은 문제 하나를 풀어 보는 데 초점을 둔 모음입니다.
이런 분에게 추천해요
자바스크립트를 처음 배우거나, 복사한 코드를 수정하는 단계에서 벗어나 기본 문법을 스스로 설명하고 싶은 사람을 위한 자료입니다.
자료를 고른 기준
한국어로 개념을 찾아볼 수 있는 MDN, 설치 후 문제를 푸는 NodeSchool, 문자열 일치 범위를 직접 비교하는 RegexOne을 골랐습니다. 읽기·코딩·작은 패턴 실험이라는 서로 다른 연습 방식을 연결했습니다.
이 순서로 읽어 보세요
MDN에서 값·변수·함수의 큰 그림을 읽고, NodeSchool의 javascripting 문제로 확인하세요. 문자열 처리에서 부분 일치와 전체 일치가 헷갈릴 때 RegexOne의 경계 문자 실습을 이어서 사용하면 됩니다.
-
developer.mozilla.org
MDN: JavaScript 언어 개요
개별 문법을 외우기 전에 언어 전체를 훑는 출발점입니다. 문제를 풀다가 설명이 막히는 개념으로 돌아와 확인할 수 있어 연습 자료와 함께 열어 두기 좋습니다.
직접 해 볼 일
변수·배열·함수를 사용하는 짧은 코드를 작성하고, 각 줄이 어떤 값을 만드는지 실행 전에 예상해 보세요.
저장된 예전 주소는 현재 언어 개요 문서로 이동합니다. 예제의 실행 환경도 함께 확인하세요.
-
nodeschool.io
NodeSchool: 자바스크립트 연습 문제
공식 소개에서 기초용 javascripting과 Node.js용 learnyounode를 구분해 안내합니다. 처음부터 서버 기능으로 뛰어들지 않고 기본 문법 문제부터 선택할 수 있다는 점을 추천합니다.
직접 해 볼 일
javascripting의 문제 하나를 푼 뒤, 예제에 없던 입력을 넣어도 같은 규칙으로 동작하는지 확인하세요.
모든 워크숍을 설치할 필요는 없습니다. 고른 워크숍의 Node.js 요구 버전과 최근 안내를 먼저 읽으세요.
-
regexone.com
RegexOne: 문자열의 시작과 끝 맞추기
문자열 일부가 포함되면 되는 경우와 전체 문자열이 맞아야 하는 경우를 비교할 수 있습니다. 시작·끝 경계 문자를 짧은 입력으로 시험하므로 정규식을 무작정 길게 쓰는 습관을 줄이는 연습에 맞습니다.
직접 해 볼 일
통과해야 하는 문자열과 통과하면 안 되는 문자열을 각각 만들고, 같은 패턴으로 두 그룹을 구분해 보세요.
10번째 레슨입니다. 문자 집합과 반복이 낯설다면 앞 레슨부터 읽고 돌아오세요.
실습 전에 확인하세요
브라우저 자바스크립트와 Node.js는 실행 환경이 다릅니다. NodeSchool은 워크숍별 설치 조건과 유지 상태를 확인하세요. 정규식은 언어와 옵션에 따라 차이가 있으므로 마지막에는 실제 사용하는 JavaScript 환경에서도 결과를 확인하세요.
추천 이유와 실습은 Pastelinkers가 작성했습니다. 원문 내용은 각 자료의 ‘원문 확인’에서 확인할 수 있습니다.