RoseDevlog

Library/React

Single Page Application(SPA) 하나의 페이지에서 모든 앱 동작이 이뤄지는 것 (*Multi Page Application: 각 페이지에 맞는 HTML 페이지를 여러 개 생성) public/index.html이 페이지의 탬플릿이다 root ID를 가진 div 태그를 src/main.jsx에서 셀렉하여 이 요소 안에서 화면을 꾸미고 바꿀 수 있다 Javascript Sintax Extension(JSX) JSX는 JS의 logic과 HTML의 markup을 같이 사용할 수 있기 때문에 보다 편하게 데이터와 이벤트 처리를 구현할 수 있다 JSX 문법 JSX는 React.createElement(component, props, ...children)를 제공 1) 가장 바깥에 존재하는 요소는..

2023. 11. 6.

Library/React

리액트는 라이브러리! 프레임워크 : 어떠한 앱을 만들기 위한 대부분의 것을 갖추고 있는 것. 라이브러리 : 특정 기능을 모듈화하여 놓은 것. 리액트가 라이브러리인 이유는? : 리액트는 UI 렌더링 측에만 관여하고 React-Route-Dom으로 라우팅, npm으로 빌드를 해야하기 때문이다. 컴포넌트 컴포넌트 : 리액트로 웹앱을 만들 때 구성하는 각각의 요소 render()는 Component의 하위 class에서 반드시 정의해야 하는 메서드 //클래스형 컴포넌트 class App extends Component { render(){ return HelloWorld; } } //함수형 컴포넌트 function App(){ return HelloWorld; } const App=()=>{ return } ..

2023. 11. 6.