scratchdth7383

<p>아 글자 가 틀렸군요</p><p>제가 글자를 안틀리도록 노력해야곘네요</p>

작동이안됨니다

<p>다시 처음부터 했더니 됬어요</p><p>&nbsp;</p><p>이제 뭐가 문제였는지 찾아보려고요</p><p>function Library(props) {
    return(
        <div>
            <book name="처음 만난 파이썬" numOfPage={300}/>
            <book name="처음 만난 AWS" numOfPage={400}/>
            <book name="처음 만난 리엑트" numOfPage={500}/>
        </div>
    );
}</p><pre><code class="language-javascriptreact"></code></pre><p>Book을 book으로 썻네요 ㅎㅎ</p><p>&nbsp;</p>

실행 시켜도 변화가 없어요

<p>바로성공 했어요</p><p>ㅜㅜㅜㅜㅜㅜㅜ</p>

<p>네 첨부해들리겠습니다</p><p>그리고 제가 찾아보고 찐짜 모른다고 말할때까지 답을 알려주지 말아주세요]</p><p>제가 스스로 찾아보겠습니다</p><pre><code class="language-javascript">import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import Library from './C03/Library';
ReactDOM.render(
  <React.StrictMode>
    <Library />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
</code></pre><pre><code class="language-javascript">import React from "react";

function Book(props){
    return(
        <div>
            <h1>{`이책의 이름은 ${props.name}입니다.`}</h1>
            <h2>{`이책은 총 ${props.numOfPage}페이지로 이뤄져 있습니다.`}</h2>
        </div>
    );
}

export default Book;</code></pre><pre><code class="language-javascriptreact">import React from "react";
import book from "./Book";

function Library(props) {
    return(
        <div>
            <book name="처음 만난 파이썬" numOfPage={300}/>
            <book name="처음 만난 AWS" numOfPage={400}/>
            <book name="처음 만난 리엑트" numOfPage={500}/>
        </div>
    );
}
export default Library;


mport logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;
</code></pre><pre><code class="language-javascript"></code></pre>

<p>아</p><p>&nbsp;</p><p>고맙습니다</p>

<p>그릭고 ','이(가) 필요합니다.</p><p>다가 index.js 가 에서 뜸니다</p><p>import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import Library from './C03/Library';
ReactDOM.render(
  <React.StrictMode>
    <Library />
  </React.StrictMode>
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();</p><p>&nbsp;</p><pre><code class="language-javascript"></code></pre>

<p>실행을 시키면 글자가 낱아나야 되는데 그 기본 화면이 나타나고요</p><p>모든 코드엔 문제가 없는듯 합니다</p><p>다똑같이 따라 했습니다</p>

<p>소플선생님 저도 왜안되나 해서 body 코드를 복붙해봤는데 작동이 되네요</p><p>여기가 오타였네요 <script src="<a target="_blank" rel="noopener noreferrer nofollow" href="https://unpkg.com/react@17-dom/umd/react-dom.development.js">https://unpkg.com/react@17<strong><s>-dom</s></strong>/umd/react-dom.development.js</a>" crossorigin></script></p><p>그런데 이번엔 버튼 글자가 안바낌니다</p><p>코드는</p><pre><code class="language-javascript">function MyButton(props){
    const [isClicked,setIsClicked] = React.useState(false);

    return React.createElement(
        'button',
        {onclick: () => setIsClicked(true)},
        isClicked ? 'Clicked!':'click here!' 
    )
}
const domContainer = document.querySelector('#root');
ReactDOM.render(React.createElement(MyButton), domContainer);</code></pre><p>이와 같습니다 뭐가 문제일까요</p>

scratchdth7383

Posts