// package.json
{
  "name": "nwitter",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.14.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.30",
    "@fortawesome/free-brands-svg-icons": "^5.14.0",
    "@fortawesome/free-regular-svg-icons": "^5.14.0",
    "@fortawesome/free-solid-svg-icons": "^5.14.0",
    "@fortawesome/react-fontawesome": "^0.1.11",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "firebase": "^7.19.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.3",
    "uuid": "^8.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "homepage": "https://jungsikjeong.github.io/nwitter"
}

const {name,email,password} = req.body;
 ​ ​
let user = await User.findOne({email}); ​

위의 코드에서 왜 {} 중괄호를 써준것인지 이해가 잘 안가는데요.. es6문법과 관련이 있을까요? ​
헷갈리는게.. 위에서
const {name,email,password} = req.body; 로 가져와줬기때문에 중괄호없이 바로
let user = await User.findOne(email); 이렇게 해줘도 괜찮지 않을까요?

서버 질문이 아니라 자바스크립트 문법 질문으로 보이는군요

1.
const {name,email,password} = req.body;
이 부분은
ES6(EcmaScript 6th) 문법 중 Destructuring Assignment(구조분해할당, 비구조화할당)라고 합니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment


2.
let user = await User.findOne({email});
이 문장에서 {email} 때문에 말씀하시는거면 객체 초기자이며, ES6부터 간결하게 표현이 가능해졌습니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer

{ email: email }이라고 한 것과 같습니다.

답글 감사합니다.
기재해주신 링크에가서 살펴보니
"0개 이상인 객체 속성명 및 관련값 쌍 목록이 콤마로 분리되어 중괄호({})로 묶인 형태입니다."
라고되있는데, const {name,email,password} = req.body; 이 코드안의 name,email,password또한 객체이니깐 {}중괄호로 객체 초기를 명시해준거라고 이해했는데 맞을까요?

'객체'가 아니라 '객체 속성명'이라고 적혀있지요

req.body는 { name: 'james', email: 'hello@naver.com', password: 'foobar' }
이런 형태로 돼있을겁니다. req.body는 name, email, password라는 속성을 갖고있지요.

구조분해할당을 이용하면 각각 같은 이름의 변수로 할당해줄 수 있는겁니다.

const { name, email, password } = { name: 'james', email: 'hello@naver.com', password: 'foobar' };
라고 하면
name, email, password라는 변수가 선언되면서, name이란 변수가 'james' 라는 값을, email이란 변수가 'hello@naver.com'이라는 값을, password란 변수가 'foobar'란 값을 갖게 되지요.

const TeamItem = styled.li`
  flex-basis: 100px;
  margin: 0 10px;
  transition: all 0.4s;

  img {
    width: 100%;
  }

  :hover {
    flex-basis: 140px;
  }
`;

import React from 'react';
import styled from 'styled-components';

import blackMilktea from '../assets/black-milktea.png';

const Wrapper = styled.div`
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
`;

const Team = styled.ul`
  display: flex;
  justify-content: center;
`;

const TeamItem = styled.li`
  flex-basis: 100px;
  margin: 0 10px;
  transition: all 0.4s;

  img {
    width: 100%;
  }

  :hover {
    flex-basis: 140px;
  }
`;

const Profile = styled.div`
  background-color: #222;
  position: relative;
`;

const ProfileContents = styled.div`
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  color: white;

  h2 {
    font-size: 15px;

    span {
      display: block;
      font-size: 12px;
    }
  }

  p {
    display: none;
  }
`;

const Slider = () => {
  return (
    <Wrapper>
      <Team>
        <TeamItem>
          <Profile>
            <img src={blackMilktea} alt='vliews' />
            <ProfileContents>
              <h2>
                블랙밀크티<span>블랙밀크티</span>
              </h2>
              <p>
                아주아주 맛있는 블랙밀크티입니다. 시원한 아이스와 쫀득한 펄의
                만남! 맛을 기대해주세요.
              </p>
            </ProfileContents>
          </Profile>
        </TeamItem>

        <TeamItem>
          <Profile>
            <img src={blackMilktea} alt='vliews' />
            <ProfileContents>
              <h2>
                블랙밀크티<span>블랙밀크티</span>
              </h2>
              <p>
                아주아주 맛있는 블랙밀크티입니다. 시원한 아이스와 쫀득한 펄의
                만남! 맛을 기대해주세요.
              </p>
            </ProfileContents>
          </Profile>
        </TeamItem>

        <TeamItem>
          <Profile>
            <img src={blackMilktea} alt='vliews' />
            <ProfileContents>
              <h2>
                블랙밀크티<span>블랙밀크티</span>
              </h2>
              <p>
                아주아주 맛있는 블랙밀크티입니다. 시원한 아이스와 쫀득한 펄의
                만남! 맛을 기대해주세요.
              </p>
            </ProfileContents>
          </Profile>
        </TeamItem>

        <TeamItem>
          <Profile>
            <img src={blackMilktea} alt='vliews' />
            <ProfileContents>
              <h2>
                블랙밀크티<span>블랙밀크티</span>
              </h2>
              <p>
                아주아주 맛있는 블랙밀크티입니다. 시원한 아이스와 쫀득한 펄의
                만남! 맛을 기대해주세요.
              </p>
            </ProfileContents>
          </Profile>
        </TeamItem>

        <TeamItem>
          <Profile>
            <img src={blackMilktea} alt='vliews' />
            <ProfileContents>
              <h2>
                블랙밀크티<span>블랙밀크티</span>
              </h2>
              <p>
                아주아주 맛있는 블랙밀크티입니다. 시원한 아이스와 쫀득한 펄의
                만남! 맛을 기대해주세요.
              </p>
            </ProfileContents>
          </Profile>
        </TeamItem>
      </Team>
    </Wrapper>
  );
};

export default Slider;