반응형 ⭐ 코딩 기초/React2 ⚛️ JSX, 컴포넌트(Component) 개요 JSX JSX란? 함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JS의 확장 HTML과 비슷한 개발 경험을 제공하나 JS,HTML과는 다름 JS는 Babel에 의해서 Transcompile 되어 JS가 된다 JSX의 장점 개발자 편의성 향상 협업에 용의 / 생산성 향상 문법오류와 코드량 감소 JSX 특징 / HTML과의 차이점 HTML 태그 내에 JS 연산 class -> className 스타일은 object로 닫는 태그 필수 최상단 element는 반드시 하나 (간단히 라고 입력해도 됨) JSX 예시 const element = ( Hello, elice! ); 객체 표현 방식으로도 가능은 하지만 안 쓰임 (Babel에 의해 객체 표현으로 바뀜) 엘리먼트 렌더링 ReactDOM.render(e.. 2023. 4. 15. ⚛️ React란? React 입문하기! SPA(Single Page Application) 전통적인 페이지에서는 변경이 필요할 때 서버에서 요청(Form Post)받으면 HTML을 클라에 전달하며 페이지를 처음부터 다시 불러오게 됨 SPA는 데이터 전달을 서버로 데이터 전달을 AJAX 통신으로 하며, 변경이 필요한 부분만 JSON으로 전달하며 변경된 부분만 수정. React의 기본 Compoent React에서 서비스를 개발할 때 독립적인 단위로 쪼개어 구현, 후에 조립 Virtual DOM 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념 뒤에서 미리 그려보고 바뀐 부분만 다시 그려줌 JSX JS 내에서 HTML과 유사하게 UI 작성 쉽게 가능 React의 역사 페이스북은 성.. 2023. 4. 14. 이전 1 다음 반응형
