2.5.2 Prettier

JSX를 작성할 때는 코드의 가독성을 위해 들여쓰기를 사용합니다. 들여쓰기가 제대로 되어 있지 않은 코드는 읽기가 매우 힘들기 때문이죠. 기존 코드를 다음과 같이 한번 작성해 보세요.

App.js

import React from 'react';
import './App.css';
 
function App() {
  const name = '리액트';
  return (
    <div>
      <div className="react">{
        name
      }</div>
              <h1>들여쓰기가 이상한</h1>
            <h2>코드</h2>
        <p>입니다.</p>
                </div>
  )
}
 
export default App;

---