Skip to content

Commit 01d7b74

Browse files
cs-shintaehwanno
authored andcommitted
Translate react-without-jsx (#86)
* docs: translate react-without-jsx.md * fix: reflect suggestions * Update react-without-jsx.md
1 parent b5083a0 commit 01d7b74

File tree

1 file changed

+10
-11
lines changed

1 file changed

+10
-11
lines changed

content/docs/react-without-jsx.md

+10-11
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
---
22
id: react-without-jsx
3-
title: React Without JSX
3+
title: JSX 없이 사용하는 React
44
permalink: docs/react-without-jsx.html
55
---
66

7-
JSX is not a requirement for using React. Using React without JSX is especially convenient when you don't want to set up compilation in your build environment.
7+
React를 사용할 때 JSX는 필수가 아닙니다. 빌드 환경에서 컴파일 설정을 하고 싶지 않을 때 JSX 없이 React를 사용하는 것은 특히 편리합니다.
88

9-
Each JSX element is just syntactic sugar for calling `React.createElement(component, props, ...children)`. So, anything you can do with JSX can also be done with just plain JavaScript.
9+
JSX 엘리먼트는 `React.createElement(component, props, ...children)`를 호출하기 위한 문법 설탕입니다. 그래서 JSX로 할 수 있는 모든 것은 순수 JavaScript로도 할 수 있습니다.
1010

11-
For example, this code written with JSX:
11+
예를 들어 다음의 JSX로 작성된 코드는
1212

1313
```js
1414
class Hello extends React.Component {
@@ -23,7 +23,7 @@ ReactDOM.render(
2323
);
2424
```
2525

26-
can be compiled to this code that does not use JSX:
26+
아래처럼 JSX를 사용하지 않은 코드로 컴파일될 수 있습니다.
2727

2828
```js
2929
class Hello extends React.Component {
@@ -38,11 +38,11 @@ ReactDOM.render(
3838
);
3939
```
4040

41-
If you're curious to see more examples of how JSX is converted to JavaScript, you can try out [the online Babel compiler](babel://jsx-simple-example).
41+
JSX가 JavaScript로 변환되는 예시를 더 보고 싶다면 [the online Babel compiler](babel://jsx-simple-example)를 참고하세요.
4242

43-
The component can either be provided as a string, or as a subclass of `React.Component`, or a plain function for stateless components.
43+
컴포넌트는 문자열이나 `React.Component`의 하위 클래스 또는 무상태 컴포넌트를 위한 순수 함수로 제공됩니다.
4444

45-
If you get tired of typing `React.createElement` so much, one common pattern is to assign a shorthand:
45+
`React.createElement`를 너무 많이 입력하는 것이 피곤하다면 짧은 변수에 할당하는 방법이 있습니다.
4646

4747
```js
4848
const e = React.createElement;
@@ -53,7 +53,6 @@ ReactDOM.render(
5353
);
5454
```
5555

56-
If you use this shorthand form for `React.createElement`, it can be almost as convenient to use React without JSX.
57-
58-
Alternatively, you can refer to community projects such as [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) and [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) which offer a terser syntax.
56+
`React.createElement`를 짧은 변수에 할당하면 편리하게 JSX 없이 React를 사용할 수 있습니다.
5957

58+
더 간결한 구문을 제공하는 [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript)[`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) 같은 커뮤니티 프로젝트를 참고해도 좋습니다.

0 commit comments

Comments
 (0)