실습2 소플의 처음 만나는 리액트_실습final 소플의 처음 만나는 리액트_실습final 미니 블로그 기획하기 실습 기능 - 글 목록 보기 - 글 보기 기능(상세) - 댓글 보기 기능 - 글 작성 기능 - 댓글 작성 기능 컴포넌트가 많아서 프로젝트 폴더 구조 사진으로 대체! 글 작성하기 버튼과 댓글 작성하기 버튼은 실제로 기능을 하지 않는다. ** 마지막 빌드 작업에서 serve 에러가 나서 문제 확인 중이다. npx serve -s build 로 해결했다. 책의 모든 챕터가 다 끝이 났지만 앞으로 응용해서 여러가지를 만들어보며 빌드/배포까지 해봐야겠다. 2023. 8. 4. 소플의 처음 만난 리액트_실습10 소플의 처음 만난 리액트_실습10 공유 state - 하위 컴포넌트가 공통된 부모 컴포넌트의 state를 공유하여 사용하는것 state 끌어올리기 - 하위 컴포넌트의 state를 공통된 부모 컴포넌트로 끌어올려서 공유하는 방식 - 재사용 가능 섭씨온도와 화씨온도 표기하기 실습 //Calculator.jsx import React, { useState } from "react"; import TemperatureInput from "./TemperatureInput"; //100도 이상인지 미만인지 체크 function BoilingVerdict(props) { if (props.celsius >= 100) { return 물이 끓습니다. } return 물이 끓지 않습니다. } //섭씨 온도 변환 fun.. 2023. 8. 2. 이전 1 다음 반응형