ddd

Author: navskh

_posts/React/2023-03-27-04 리액트 props.md

@@ -116,16 +116,19 @@ let [modalTitle, setModalTitle] = useState(0);
 ```js
 function Modal(props) {
 	return (
-		<div className="modal" style={ %raw% }{{background: props.color
-        {%endraw%}}}>
+		<div className="modal" style={{ background: props.color }}>
 			<h4>{props.title[props.index]}</h4>
 			<p>날짜</p>
-      <p>상세내용</p>
-      <button onClick={() => {
-        let strTitle = [...props.title];
-        strTitle[props.index] = '여자코트추천';
-        props.setTitle(strTitle);
-      }}>글 수정</button>
+			<p>상세내용</p>
+			<button
+				onClick={() => {
+					let strTitle = [...props.title];
+					strTitle[props.index] = '여자코트추천';
+					props.setTitle(strTitle);
+				}}
+			>
+				글 수정
+			</button>
 		</div>
 	);
 }

_posts/React/2023-03-28-08 페이지 나누기.md

@@ -71,6 +71,9 @@ import { Routes, Route, Link } from 'react-router-dom';
 위와 같이 사용해주면, 해당 element를 path를 읽어와서 출력해주는 것을 볼 수 있다.
 
 라우트 적용한 최종 코드
+<% endraw %>
+
+<% raw %>
 
 ```jsx
 import './App.css';
@@ -103,7 +106,10 @@ function App() {
 						<>
 							<div
 								className="main-bg"
-								style={{ backgroundImage: `url(${bg})` }}
+								style={{
+									backgroundImage: `url(${bg})`,
+									color: '',
+								}}
 							></div>
 
 							<div className="contanier">