본문 바로가기 메뉴 바로가기

개발 공부

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발 공부

검색하기 폼
  • 분류 전체보기 (117)
    • CSS (11)
    • HTML (21)
      • 요소 (9)
    • 서버 (11)
    • Tool (1)
    • Network (9)
    • Javascript (15)
      • Node.js (3)
      • React (12)
    • Servlet (23)
    • JSP (17)
    • JQuery (2)
    • Spring (7)
  • 방명록

PROPS (1)
[React] 리액트 props

Props- props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소다.- props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다. JSX 내부에서 props 렌더링- MyComponent를 수정해 해당 컴포넌트에서 name이라는 props를 렌더링하도록 설정한다.- props 값은 컴포넌트 함수의 파라미터로 받아 와서 사용할 수 있다.- props를 렌더링할 때 JSX 내부에서 { } 기호로 감싸 주면 된다. * src/MyComponent.jsconst MyComponent = props => {    return div>안녕하세요, 제 이름은 {props.name}입니다.div>}; export default MyComponent;  컴포넌..

Javascript/React 2025. 3. 13. 21:27
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 내장객체
  • CSS
  • el
  • 세션
  • nodejs
  • Spring
  • a 태그
  • 서블릿
  • script element
  • Network
  • httpServletRequest
  • 미들웨어
  • react
  • html css
  • Session
  • Spring MVC
  • Servlet
  • Binding
  • 네트워크
  • 서브넷팅
  • HTML
  • 스프링
  • CSS 속성
  • 제이쿼리
  • JSP
  • FMT
  • Redux
  • 리액트
  • javaserverpage
  • Java Server Page
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바