🌟 Issue: 리액트 이슈 정리 (23-05-16)

[KKYHH]

✅ HTML 와 JSX

코드들을 가져오거나 수정할 때 HTML 문법과 JSX 문법이 조금씩의 차이가 있어서 그냥 쓸 수 없고 수정을 해줘야 한다

예를들어 CSS를 적용하려는 class를 가져올 땐 HTML 에선 로 가능하지만 JSX는 으로 사용한다

 <div class='bar'>
                <div class="logo">Play</div>
                <div class="menu">
                    <ul>
                    <li><Link to="/notice"><a>공지사항</a></Link></li>
                        <li><a href="#">PlayGround Q&A</a></li>
                        <li><a href="#">실시간 인기게시물</a></li>
                        <li><a href="#">사이드 프로젝트</a></li>
                        <li><a href="#">채용정보</a></li>

• js 적용 X

 <div className='bar'>
                <div className="logo">Play</div>
                <div className="menu">
                    <ul>
                    <li><Link to="/notice"><a>공지사항</a></Link></li>
                        <li><a href="#">PlayGround Q&A</a></li>
                        <li><a href="#">실시간 인기게시물</a></li>
                        <li><a href="#">사이드 프로젝트</a></li>
                        <li><a href="#">채용정보</a></li>

• js 적용 O

✅ 혹여나 .js에서 CSS가 적용이 안된다면 인지 확인을 해보자