HTML, CSS 코드를 React로 변환할 때 주의할 점

🐳 <div>가 여러개 있을 땐 <>, </> 태그로 전체 코드를 감싸줄 것!

 

ex)

import React from 'react';

class Login extends React.Component {
  return (
    <>
      <div>안녕하세요</div>
      <div>안녕히계세요</div>
    </>
  );
}

 

🐳 Self Closing Tag 꼭 닫아 줄 것!

<br>, <hr>, <img>, <meta>, <link>, <input>

안 닫으면 오류 떠요

🐳 <div> 짝 맞는지 확인 할 것!

본인은 <div> 짝 안맞아서 한참 삽질했음ㅠ

🐳 import 경로 확인 할 것!

CSS 파일이나 img 파일 경로 설정 잘못하면 적용이 안돼요ㅎㅎ...