[Chrome으로 디버깅하기] 오타 수정 #529

Author: hanameee

1-js/03-code-quality/01-debugging-chrome/article.md

@@ -57,9 +57,9 @@ Sources 패널은 크게 세 개의 영역으로 구성됩니다.
 중단점을 이용하면 실행이 중지된 시점에 변수가 어떤 값을 담고 있는지 알 수 있습니다. 또한 실행이 중지된 시점을 기준으로 명령어를 실행할 수도 있습니다. 디버깅이 가능해지는 것이죠.
 
 Sources 패널 우측의 디버깅 영역을 보면 중단점 목록을 확인할 수 있습니다. 파일 여러 개에 다수의 중단점을 설정해 놓은 경우, 디버깅 영역을 이용하면 아래와 같은 작업을 할 수도 있습니다.
-- 항목을 클릭해 해당 중단점이 설정된 곳으로 바로 이동할 수 있습니다,
+- 항목을 클릭해 해당 중단점이 설정된 곳으로 바로 이동할 수 있습니다.
 - 체크 박스 선택을 해제해 해당 중단점을 비활성화 할 수 있습니다.
-- 마우스 오른쪽 버튼을 클릭했을 때 나오는 중단점 제거 관련 기능을 중단점을 삭제할 수도 있습니다.
+- 마우스 오른쪽 버튼을 클릭했을 때 나오는 'Remove breakpoint' 옵션을 통해 중단점을 삭제할 수도 있습니다.
 - 이 외에도 다양한 기능이 있습니다.
 
 ```smart header="조건부 중단점"
@@ -68,7 +68,7 @@ Sources 패널 우측의 디버깅 영역을 보면 중단점 목록을 확인
 조건부 중단점을 설정하면 변수에 특정 값이 할당될 때나 함수의 매개 변수에 특정 값이 들어올 때만 실행을 중단시킬 수 있어 디버깅 시 유용하게 활용할 수 있습니다. 
 ```
 
-## debugger 명렁어
+## debugger 명령어
 
 아래 예시처럼 스크립트 내에 `debugger` 명령어를 적어주면 중단점을 설정한 것과 같은 효과를 봅니다.
 
@@ -141,7 +141,7 @@ debugger 명령어를 사용하면 브라우저를 켜 개발자 도구를 열
 
     실행은 함수 실행이 끝난 후에 즉시 멈춥니다.
 
-    'Step'은 함수 호출 시 내부에서 어떤 일이 일어나는지 궁금하지 않을 때 유용합니다.
+    'Step over'은 함수 호출 시 내부에서 어떤 일이 일어나는지 궁금하지 않을 때 유용합니다.
 
 <span class="devtools" style="background-position:-4px -194px"></span> -- 'Step into' (단축키 `key:F11`)
 : 'Step'과 유사한데, 비동기 함수 호출에서 'Step'과는 다르게 동작합니다. 이제 막 자바스크립트를 배우기 시작한 분이라면 비동기 호출에 대해 아직 배우지 않았기 때문에 'Step'과 'Step into'의 차이를 몰라도 괜찮습니다.