Fix typo and naturally in context.

튜토리얼 번역에 있던 오타와 문맥상 맞지 않던 자잘한 문장 두개를 수정 했습니다.

Author: seongry

content/tutorial/tutorial.md

@@ -376,7 +376,7 @@ class Board extends React.Component {
   }
 ```
 
-나중에 board를 채우면 `this.state.squares` 배열은 아래와 같은 보일 것입니다.
+나중에 board를 채우면 `this.state.squares` 배열은 아래와 같이 보일 것입니다.
 
 ```javascript
 [
@@ -519,7 +519,7 @@ class Board extends React.Component {
 
 이제 이전과 마찬가지로 Square를 클릭하여 사각형을 채울 수 있습니다. 그러나 이제는 state가 각 Square 컴포넌트 대신에 Board 컴포넌트에 저장됩니다. Board의 상태가 변화할 때 Square 컴포넌트는 자동으로 다시 렌더링합니다. Board 컴포넌트의 모든 사각형의 상태를 유지하는 것으로 이후에 승자를 결정하는 것이 가능합니다.
 
-Square 컴포넌트가 더 이상 state를 유지하지 않기 때문에 Square 컴포넌트는 Board 컴포넌트에서 값을 받아 클릭됳 때 Board 컴포넌트로 정보를 전달합니다. React 용어로 Square 컴포넌트는 이제 **제어되는 컴포넌트**입니다. Board는 이들을 완전히 제어합니다.
+Square 컴포넌트가 더 이상 state를 유지하지 않기 때문에 Square 컴포넌트는 Board 컴포넌트에서 값을 받아 클릭될 때 Board 컴포넌트로 정보를 전달합니다. React 용어로 Square 컴포넌트는 이제 **제어되는 컴포넌트**입니다. Board는 이들을 완전히 제어합니다.
 
 `handleClick`에서는 `.slice()`를 호출하는 것으로 기존 배열을 수정하지 않고 `squares` 배열의 복사본을 생성하여 수정하는 것에 주의해주세요. 왜 `squares` 배열의 사본을 생성하였는지 다음 단락에서 설명하겠습니다.