티스토리

junnnhhh
검색하기

블로그 홈

junnnhhh

junnnhhh.tistory.com/m

junnnhhh 님의 블로그입니다.

구독자
0
방명록 방문하기
728x90

주요 글 목록

  • Components와 Props https://ko.legacy.reactjs.org/docs/components-and-props.html Components와 Props – React A JavaScript library for building user interfaces ko.legacy.reactjs.org Component는 React Element를 생성하기 위해 쓰이는 틀이다. Component를 통해 UI를 재사용 가능한 여러 조각으로 나누고, 각 조각을 사용할 수 있다. (Component 추출) Component는 props라는 속성을 사용하여 다른 엘리먼트를 만들어 낼 수 있다. Component의 종류 Function Component function Welcome(props) { return Hello, {pro.. 공감수 0 댓글수 0 2024. 2. 21.
  • Element Rendering https://ko.legacy.reactjs.org/docs/rendering-elements.html 엘리먼트 렌더링 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org Element는 React App의 가장 작은 단위이다. React에 모든 엘리먼트는 root 엘리먼트 안에 들어가게 되는데, 이 모든 엘리먼트는 React DOM에서 관리하고,` root 엘리먼트는 root DOM 노드라고도 한다. React 엘리먼트를 렌더링 하기 위해서는 우선, DOM 엘리먼트를 ReactDOM.createRoot()에 전달하고, React 엘리먼트를 root.render()에 전달해야 한다. const root = Rea.. 공감수 1 댓글수 2 2024. 2. 20.
  • JSX란? https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org JSX(JavaScript Xml)이란? → 자바스크립트의 문법을 확장시킨 것, JavaScript + XML / HTML 이다. ex) JSX 코드 const element = Hello, world!; JSX의 역할 JSX는 내부적으로 XML, HTML 코드를 JavaScript로 변환하는 과정을 거치게 된다. JSX → JavaScript로 변환을 도와주는 함수인 React.createElement가 내장되어 있음. // JSX를 사용한 코드 cl.. 공감수 0 댓글수 0 2024. 2. 19.
    728x90
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.