@@ -0,0 +1,183 @@
+import React from 'react';
+import { withRouter } from 'react-router';
+import './JaehyunMain.scss';
+import Nav from '../../../components/Nav/Nav';
+import Content from './Content/Content';
+
+class JaehyunMain extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      userName: [],
+      newContent: '',
+      contents: [],
+    };
+  }
+
+  currentState = e => {
+    const newContent = e.target.value;
+    this.setState({ newContent: newContent });
+    if (e.key === 'Enter') {
+      e.target.value = '';
+    }
+  };
+
+  addContent = e => {
+    e.preventDefault();
+    const newContent = this.state.newContent;
+    if (!newContent.length) {
+      alert('댓글을 입력해주세요!!');
+      return;
+    }
+    this.setState({
+      contents: this.state.contents.concat(newContent),
+      newConetent: '',
+    });
+    e.target.reset();
+  };
+
+  render() {
+    return (
+      <main className="JaehyunMain">
+        <Nav />
+        <section className="feedWraper">
+          <article>
+            <div className="feedHeader">
+              <div className="feedProfile">
+                <img
+                  className="feedProfileImage"
+                  src="/images/jaehyun/hoit_logo.jpg"
+                  alt="Profile"
+                />
+                <div className="userId">hoit_studio</div>
+              </div>
+              <img
+                className="moreButtonImage"
+                src="/images/jaehyun/more.png"
+                alt="more"
+              />
+            </div>
+            <img
+              className="firstFeed"
+              src="/images/jaehyun/styx.png"
+              alt="feedimage"
+            />
+            <div className="feedContent">
+              <div className="feedIcons">
+                <div className="feedLeftIcons">
+                  <img
+                    className="likeIcon"
+                    src="/images/jaehyun/heart.png"
+                    alt="like"
+                  />
+                  <img
+                    className="dmIcon"
+                    src="/images/jaehyun/speech-bubble.png"
+                    alt="dm"
+                  />
+                  <img
+                    className="shareIcon"
+                    src="/images/jaehyun/send.png"
+                    alt="share"
+                  />
+                </div>
+                <img
+                  className="bookmarkIcon"
+                  src="/images/jaehyun/ribbon.png"
+                  alt="bookmark"
+                />
+              </div>
+              <div className="feedDescription">
+                <p className="feedLike">좋아요 2개</p>
+                <span className="userId">hoit_studio</span> Styx : isonomiā
+                official trailer
+                <p className="hashTag">#Styx #hoitstudio</p>
+                <ul id="reply">
+                  {this.state.contents.map((content, index) => {
+                    return (
+                      <Content key={index} userName={index} content={content} />
+                    );
+                  })}
+                </ul>
+              </div>
+            </div>
+            <div className="feedReply">
+              <img
+                className="smileIcon"
+                src="/images/jaehyun/smile.png"
+                alt="smile"
+              />
+              <form onSubmit={this.addContent}>
+                <input
+                  name="comment"
+                  className="replyInput"
+                  type="text"
+                  placeholder="댓글달기..."
+                  onKeyUp={this.currentState}
+                />
+                <button className="postButton" type="submit">
+                  게시
+                </button>
+              </form>
+            </div>
+          </article>
+          <aside>
+            <div className="account">
+              <div className="accountUser">
+                <img
+                  className="accountUserIcon"
+                  src="/images/jaehyun/hoit_logo.jpg"
+                  alt="profile"
+                />
+                <div className="accountUserId">
+                  hoit_studio
+                  <p>hoit_studio</p>
+                </div>
+              </div>
+              <p>전환</p>
+            </div>
+            <div className="story">
+              <div className="storyTop">
+                <p>스토리</p>
+                <p>모두 보기</p>
+              </div>
+              <div className="storyContent">
+                <img
+                  className="otherUserIcon"
+                  src="/images/jaehyun/user.png"
+                  alt="profile"
+                />
+                <p className="otherUserId">hoit_studio</p>
+              </div>
+            </div>
+            <div className="recommendUser">
+              <div className="recommendUserTop">
+                <p>회원님을 위한 추천</p>
+                <p>모두 보기</p>
+              </div>
+              <div className="recommendUserContent">
+                <div className="recommendUserLeftContent">
+                  <img
+                    className="otherUserIcon"
+                    src="/images/jaehyun/user.png"
+                    alt="profile "
+                  />
+                  <p className="otherUserId">hoit_studio</p>
+                </div>
+                <p>팔로우</p>
+              </div>
+            </div>
+            <footer>
+              소개 ・ 도움말 ・ 홍보 센터 ・ API ・ 채용 정보 ・
+              개인정보처리방침 ・ 약관 ・ 위치 ・ 인기 ・ 계정 ・ 해시태그
+              ・언어 © 2021 INSTAGRAM FROM FACEBOOK
+            </footer>
+          </aside>
+        </section>
+      </main>
+    );
+  }
+}
+
+export default withRouter(JaehyunMain);

리뷰: className 사용해주세요