@@ -0,0 +1,117 @@
+import React, { useState, useEffect } from 'react';
+import Comments from './Comments';
+
+const Feed = ({ data }) => {
+  const [input, setInput] = useState('');
+  const [comment, setComment] = useState([]);
+  const [defaultcmt, setDefaultCmt] = useState([]);
+
+  const handleInputChange = e => {
+    const { value } = e.target;
+    setInput(value);
+  };
+
+  const handleUpload = e => {
+    e.preventDefault();
+    setComment([...comment, input]);
+    setInput('');
+  };
+
+  useEffect(() => {
+    fetch(`http://localhost:3000/data/younseop/defaultComment${data.id}.json`)
+      .then(response => response.json())
+      .then(commentsData => setDefaultCmt(commentsData));
+  }, []);
+
+  return (
+    <div className="feeds">
+      <article className="post" key={data.id}>
+        <div className="postProfile">
+          <div className="userInfo">
+            <img
+              src="images/younseop/post-user.jpg"
+              alt=""
+              className="user-photo"
+            />
+            <span>{data.username}</span>
+          </div>
+          <img
+            className="iconNamedMore"
+            src="images/younseop/more-icon.svg"
+            alt=""
+          />
+        </div>
+        <div className="imgWrapper">
+          <img src="images/younseop/post-user.jpg" alt="post user" />
+        </div>
+        <div className="btnsWrapper">
+          <div className="left-ic-wrapper">
+            <button className="btnNamedLike">
+              <img src="images/younseop/heart-regular.svg" alt="like" />
+            </button>
+            <button className="btnNamedComment">
+              <img src="images/younseop/comment.svg" alt="comment" />
+            </button>
+            <button className="btnNamedShare">
+              <img src="images/younseop/share.svg" alt="share" />
+            </button>
+          </div>
+          <button className="btnNamedBookmark">
+            <img src="images/younseop/bookmark.svg" alt="bookmark" />
+          </button>
+        </div>
+        <div className="likeList">
+          <img
+            src="images/younseop/post-user.jpg"
+            alt=""
+            className="user-photo"
+          />
+          <div className="likeListText">
+            <span className="likeUser">wecode</span>
+            <span>님</span>
+            <span className="likeNumber">외 10명</span>
+            <span>이 좋아합니다.</span>
+          </div>
+        </div>
+        <div className="descWrapper">
+          <span className="postUser">{data.username}</span>
+          <span>{data.comment}</span>
+        </div>
+        <ul className="commentsWrapper">
+          {defaultcmt.map(data => (
+            <li className="postComment" key={data.id}>
+              <div>
+                <p className="comment">
+                  <span className="commentUser">{data.username}</span>
+                  <span>{data.comment}</span>
+                </p>
+              </div>
+            </li>
+          ))}
+          {comment.map((comment, id) => {
+            return <Comments names="unknown" comments={comment} key={id} />;
+          })}
+        </ul>
+        <p className="postTime">42분 전</p>
+        <form method="post" className="writeComment" onSubmit={handleUpload}>
+          <input
+            type="text"
+            className="writeArea"
+            placeholder="댓글 달기..."
+            value={input}
+            onChange={handleInputChange}
+          />
+          <button
+            type="submit"
+            id="submit"
+            disabled={input.length > 0 ? false : true}
+          >
+            게시
+          </button>
+        </form>
+      </article>
+    </div>
+  );
+};
+
+export default Feed;

리뷰: ```suggestion
  const handleInputChange = e => {
    const { value } = e.target;
    setInput(value);
  };
```

destructuring 할당으로 보다 깔끔한 코드로 사용할 수 있습니다! (깔끔한지는 잘 모르겠지만..)