김재현

<p>John Ahn님 시간내주셔서 감사합니다!!</p>
<p>{renderMessage(messagesFromRedux)}</p>
<p>이 부분을 제외 하고 똑같이 작성하였습니다.&nbsp;</p>
<p>다만 깃레포를 포크했더니 브랜치에는 이미 어느정도 작성된 부분이라 헷갈려서</p>
<p>클론해서 이용하지 않고 pakage목록들만 베낀후 직접 영상을 보고 따라치며 진행중이었습니다.</p>
<p>혹시 미리 css설정 관련해서 설정하신 부분은 없으신건지요?</p>
<p>똑같이 되질않아서 reset.css를 적용해본것 이외에는 따로 css파일이 존재하진 않습니다</p>
<p>reset.css는 현재 삭제한 상태입니다</p>
<p>도움이 될까 싶어 깃레포 링크 첨부하겠습니다.</p>
<p>make/client 브랜치로 올렸습니다</p>
<p>도움 부탁드립니다ㅠ</p>
<p><a href="https://github.com/kirk0201/chat-bot" target="_blank" rel="noopener noreferrer">https://github.com/kirk0201/chat-bot</a></p>
<pre class="language-javascript"><code>import React from "react";

function Chatbot() {
  return (
  
    <div
      style={{
        height: 700,
        width: 700,
        border: "3px solid black",
        borderRadius: "7px",
      }}
    >
      <div
        style={{
          height: 644,
          width: "100%",
          overflow: "auto",
        }}
      ></div>
      <input
        style={{
            margin: 0,
          width: "100%",
          height: 50,
            borderRadius: "4px",
            padding: "5px",
            fontSize: "1rem",
        }}
        placeholder="Send a message"
        // onKeyPress
        type="text"
      />
    </div>
  );
}

export default Chatbot;</code></pre>