📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전

JSX

기초리액트(레고)제이에스엑스JS 속 HTML

💬 쉬운 뜻

자바스크립트 안에 HTML을 섞어 쓰는 리액트 전용 글쓰기 방식이에요. 설계도(JS) 위에 완성 그림(HTML)을 바로 그려 넣는 것 — 그래서 리액트 코드는 'JS 파일인데 HTML이 들어있는' 모양이 됩니다.

🧭 이 상황에서

AI가 짜준 파일을 열어보니 자바스크립트라는데 안에 <div>, <button> 같은 HTML이 섞여 있다. 잘못 만든 건가 싶다.

⌨️ 이럴 땐 이렇게 입력

🔮 AI가 이렇게 답하면 = 이런 뜻

AI가 "JSX 문법 오류예요"라고 하면 = HTML과 비슷하지만 살짝 다른 규칙(class 대신 className, 태그는 반드시 닫기)을 어겼다는 뜻이에요.

➡️ 다음엔 이렇게

JSX는 직접 고치기보다 에러를 그대로 붙여넣고 맡기는 게 빠릅니다. 화면 구조를 바꾸고 싶으면 "JSX에서 ○○ 부분을 △△로 바꿔줘"처럼 보이는 모양 기준으로 말하면 됩니다.

한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈