Skip to content

Translate 'Installation' #386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Dec 14, 2021
Merged

Translate 'Installation' #386

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
4f56a26
Translate Advanced Guides > Forwarding Refs
youngsunmin Oct 30, 2020
14c5215
Translate Advanced Guides > Forwarding Refs : feedback
youngsunmin Jan 30, 2021
dbcc18d
Pull from reactjs/ko.reactjs.org
youngsunmin Feb 14, 2021
6342313
Merge pull request #1 from reactjs/master
hapumee Feb 15, 2021
33eb6b2
Merge branch 'reactjs:main' into master
hapumee Dec 9, 2021
8e83749
translate installation
youngsunmin Dec 11, 2021
78de86f
translate installation : feedback
hapumee Dec 12, 2021
9626274
fix example translation
taehwanno Dec 14, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 18 additions & 18 deletions beta/src/pages/learn/installation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
---
title: Installation
title: 설치
---

<Intro>

React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.
React는 처음부터 점진적으로 적용할 수 있도록 설계되었고, React를 필요한 만큼 적게 혹은 많이 사용할 수 있습니다. React를 맛보기로 사용해 보고 싶다거나 HTML 페이지에 대화형 기능(interactivity)을 추가하고 싶다거나 복잡한 React 기반 앱을 시작하고 싶다면 이 섹션이 시작하는 데에 도움을 줄 것입니다.

</Intro>

<YouWillLearn>

* [How add React to an HTML page](/learn/add-react-to-a-website)
* [How to start a standalone React project](/learn/start-a-new-react-project)
* [How to set up your editor](/learn/editor-setup)
* [How to install React Developer Tools](/learn/react-developer-tools)
* [HTML 페이지에 React 추가하기](/learn/add-react-to-a-website)
* [독립형 React 프로젝트 시작하기](/learn/start-a-new-react-project)
* [편집기 설정하기](/learn/editor-setup)
* [React 개발자 도구 설치하기](/learn/react-developer-tools)

</YouWillLearn>

## Try React {/*try-react*/}
## React 사용해보기 {/*try-react*/}

You don't need to install anything to play with React. Try editing this sandbox!
React를 사용하기 위해서 따로 설치할 것은 없습니다. sandbox를 사용해 보세요.

<Sandpack>

Expand All @@ -35,21 +35,21 @@ export default function App() {

</Sandpack>

We use sandboxes throughout these docs as teaching aids. Sandboxes can help familiarize you with how React works and help you decide if React is right for you. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [Stackblitz](https://stackblitz.com/fork/react), or [CodePen](
https://codepen.io/pen/?template=wvdqJJm).
이 문서 전체에서 sandbox를 보조 교재로 사용합니다. Sandbox 사용으로 React가 어떻게 동작하는지 익숙해지는 데에 친근해질 수 있고 React가 나에게 맞는 것인지 결정하는 데에도 도움을 줄 것입니다. React 문서 외에도 [CodeSandbox](https://codesandbox.io/s/new), [Stackblitz](https://stackblitz.com/fork/react), 또는 [CodePen](
https://codepen.io/pen/?template=wvdqJJm)과 같은 React를 지원하는 많은 온라인 sandbox가 있습니다.

### Try React locally {/*try-react-locally*/}
### 로컬에서 React 시도하기 {/*try-react-locally*/}

To try React locally on your computer, [download this HTML page](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html). Open it in your editor and in your browser!
로컬에서 React를 사용해 보려면 [이 HTML 페이지를 다운로드하세요](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html). 여러분의 편집기와 브라우저에서 이것을 여세요.

## Add React to a page {/*add-react-to-a-page*/}
## 페이지에 React 추가하기 {/*add-react-to-a-page*/}

If you're working with an existing site and just need to add a little bit of React, you can [add React with a script tag.](/learn/add-react-to-a-website)
기존 사이트에서 작업 중이고 단지 약간의 React만 추가하는 것이라면 [스크립트 태그로 React를 추가할 수 있습니다.](/learn/add-react-to-a-website)]

## Start a React project {/*start-a-react-project*/}
## React 프로젝트 시작하기 {/*start-a-react-project*/}

If you're ready to [start a standalone project](/learn/start-a-new-react-project) with React, you can set up a minimal toolchain for a pleasant developer experience. You can also start with a framework that makes a lot of decisions for you out of the box.
여러분이 React로 [독립형 프로젝트를 시작](/learn/start-a-new-react-project)할 준비가 되었다면 쾌적한 개발자 경험을 위한 최소의 툴체인을 설정할 수 있습니다. 또한, 즉시 많은 결정을 해야 하는 프레임워크로 시작할 수도 있습니다.

## Next steps {/*next-steps*/}
## 다음 단계 {/*next-steps*/}

Where you start depends on how you like to learn, what you need to accomplish, and where you want to go next! Why not read [Thinking in React](/learn/thinking-in-react)--our introductory tutorial? Or you can jump to [Describing the UI](/learn/describing-the-ui) to play with more examples and learn each topic step by step. There is no wrong way to learn React!
어디서부터 시작할지는 어떻게 배우고 싶은지, 달성하려고 하는 것은 무엇인지, 다음으로 무엇을 할 것인지에 따라 다릅니다! 소개 튜토리얼인 [React로 생각하기](/learn/thinking-in-react)를 읽어 보세요. 혹은 [UI 설명하기](/learn/describing-the-ui)로 이동하여 더 많은 예시를 다루고 각 주제를 단계적으로 배울 수도 있습니다.