Skip to content

Commit 6373184

Browse files
committed
docs: update react-developer-tools.md
1 parent d8e5821 commit 6373184

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/content/learn/react-developer-tools.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
11
---
2-
title: React Developer Tools
2+
title: React 개발자 도구
33
---
44

55
<Intro>
66

7-
React Developer Tools를 사용하여 React [컴포넌트](/learn/your-first-component)를 검사하고 [props](/learn/passing-props-to-a-component)[state](/learn/state-a-components-memory)를 편집할 수 있으며 성능 문제를 식별할 수 있습니다.
7+
React 개발자 도구를 사용하여 React [컴포넌트](/learn/your-first-component)를 검사하고 [Props](/learn/passing-props-to-a-component)[State](/learn/state-a-components-memory)를 편집할 수 있으며 성능 문제를 식별할 수 있습니다.
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

13-
* React Developer Tools 설치 방법
13+
* React 개발자 도구 설치 방법
1414

1515
</YouWillLearn>
1616

1717
## 브라우저 확장 프로그램 {/*browser-extension*/}
1818

19-
React로 빌드된 웹 사이트를 디버깅하는 가장 쉬운 방법은 React Developer Tools 브라우저 확장 프로그램을 설치하는 것입니다. 널리 사용되는 여러 브라우저에서 사용할 수 있습니다.
19+
React로 빌드된 웹 사이트를 디버깅하는 가장 쉬운 방법은 React 개발자 도구 브라우저 확장 프로그램을 설치하는 것입니다. 널리 사용되는 여러 브라우저에서 사용할 수 있습니다.
2020

2121
* [**Chrome**용으로 설치](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
2222
* [**Firefox**용으로 설치](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
2323
* [**Edge**용으로 설치](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
2424

25-
설치가 완료되면 **React로 구축된** 사이트에 방문하면 _Components_ and _Profiler_ 패널이 표시됩니다.
25+
설치가 완료된 후 **React로 빌드된** 사이트에 방문하면 _Components_ and _Profiler_ 패널이 표시됩니다.
2626

27-
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
27+
![React 개발자 도구 확장 프로그램](/images/docs/react-devtools-extension.png)
2828

2929
### Safari 및 기타 브라우저 {/*safari-and-other-browsers*/}
30-
다른 브라우저(예: Safari)의 경우, [`react-devtools`](https://www.npmjs.com/package/react-devtools)를 npm package로 설치해야 합니다.
30+
다른 브라우저(예: Safari)의 경우, [`react-devtools`](https://www.npmjs.com/package/react-devtools)를 npm 패키지로 설치해야 합니다.
3131
```bash
3232
# Yarn
3333
yarn global add react-devtools
3434

35-
# Npm
35+
# npm
3636
npm install -g react-devtools
3737
```
3838

@@ -41,7 +41,7 @@ npm install -g react-devtools
4141
react-devtools
4242
```
4343

44-
다음으로 당신의 웹 사이트의 `<head>``<script>` 태그를 통해 웹 사이트를 연결합니다.
44+
다음으로 웹 사이트의 `<head>``<script>` 태그를 통해 웹 사이트를 연결합니다.
4545
```html {3}
4646
<html>
4747
<head>

0 commit comments

Comments
 (0)