PARK_90

React를 공부하기 시작하면 가장 먼저 부딪히는 문법이 바로 JSX입니다.처음 보면 HTML처럼 보이는데 JavaScript 안에 들어가 있고, 중괄호로 값을 넣기도 하고, if문은 그대로 안 들어가고, 배열을 map()으로 돌려 화면에 뿌리는 방식도 낯설게 느껴집니다.특히 입문 단계에서는 아래 포인트에서 많이 막힙니다.JSX는 정확히 무엇인가?HTML과 뭐가 다르고 왜 중괄호를 쓰는가?조건부 렌더링은 어떻게 해야 하는가?리스트 출력할 때 왜 map()과 key가 필요한가?이번 글에서는 React 입문자가 꼭 알아야 하는 JSX 기본 문법, 조건부 렌더링, 리스트 출력을 한 번에 정리하겠습니다. 단순 문법만 나열하지 않고, 왜 그렇게 쓰는지, 어디서 자주 헷갈리는지까지 같이 보겠습니다.핵심만 먼저 보면..