웹 프로그래밍/React 범범조조 2022. 12. 11. 20:52
참고 https://ko.reactjs.org/docs/introducing-jsx.html JSX란? React 에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등) 과 연결된다는 사실을 받아들입니다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 컴포넌트 라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각합니다. JSX에 표현식 포함하기 아래 예시에서는 name 이라는 변수를 선언한 후, 중..
더 읽기
웹 프로그래밍/React 범범조조 2022. 12. 11. 02:00
개요 React 에서 상단 메뉴를 만드는 방법에 대해서 공부 겸 어떻게 만드는지 정리 진행합니다. 참고로, 저희 React 를 이제 막 배우는 입장에서 공부하고 정리하는 내용이라서, 틀린 부분이나 부족한 부분이 많으니 참고해주세요~!! App.js HTML 태그 추가 React 에서 기본으로 프로젝트를 생성하게 되면, src 폴더에 App.js 파일이 생성됩니다. App.js 가 기본 메인 페이지라고 생각하면 됩니다. 여기서 저는 작업을 진행해 보도록 하겠습니다. 웹 페이지에 들어가게 되면, 기본 상단에는 항상 메뉴들이 표시가 되어 있는데 React 에서는 어떻게 상단 메뉴를 표시하는지 한번 예제 코드를 작성해 보겠습니다. import logo from "./logo.svg"; import "./App...