Web 개발/react (3) 썸네일형 리스트형 [react] props와 게시글 작성 및 삭제(3주차) 모달창안에 첫 째 글제목을 넣어보자 function Modal(){ return( 글제목[0] 날짜 상세내용 ) } 에러가 발생한다 이유는? function 함수(){ let a = 10; } 모든 변수는 함수탈출 불가능 글제목이 function app안에 만들어서 그럼 >> props문법을 쓰면됨 사이트구조는 app은 부모컴포넌트 modal을 자식컴포넌트라고 한다. 부모컴포넌트에서 자식컴포넌트로는 state를 전송이 가능하다. 전송할 때 필요한 문법이 props이다. props 문법 사용하는 법 (부모 => 자식 state 전송하는법) 1. 2. props 파라미터 등록후 props.작명 사용 { modal == true ? : null } function Modal(props){ return( pro.. [react] 리액트 컴포넌트 및 map 함수(2주차) https://zzuzzu-99.tistory.com/54 코딩애플님의 강의를 참고하였습니다. 문제시 댓글 달아주시면 비공개 처리하겠습니다. 1 . state 함수를 이용하여 버튼을 눌렀을 때 남자 셔츠 추천을 --> 여자 코트 추천으로 바꾸기 { 글제목[0] = '여자코트 추천' 글제목변경(글제목); }}>글수정 이 코드의 경우 array/object 다룰 때 원본을 훼손시키는 경우이기 때문에 좋은 코드는 아니다. { let copy = [...글제목]; copy[0] = '여자 코트추천; 글제목변경(copy); }}>글수정 state변경 함수 특징 기존 state와 신규 state가 같을 경우 변경을 해주지 않는다. * [array/object 특징] array/object 담은 변수엔 화살표만 저장.. [react] 시작 및 기초문법 (1주차) 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. https://codingapple.com/course/react-basic/ 코딩애플님 강의 참고해서 공부했습니다. 만약 저작권 문제가 된다면 비공개처리 할테니 쪽지나 댓글 부탁드립니다. 첫번째로 nodejs 설치하기 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1 . 설치 후 프로젝트 작성 할 폴더 하나 만들기 2. shift + 우클릭 후 powershell 열기 3. npx create-recat-app 앱이름 4. 터미널에 npm start 쓰기 nod.. 이전 1 다음
