Profile.js

import { Link } from "react-router-dom";

const Profile = () => {
  const id = 1;
  return (
    <div className="container" style={{ background: "#FCF4FF" }}>
      <>
        <div className="row">
          <form>
            <label
              className="form-label mx-2 my-4"
              style={{ fontSize: "18px", fontWeight: "bold" }}
            >
              프로필 정보
            </label>
            <Link to={`/profile/${id}/update`}>
              <button
                type="button"
                className="btn btn-outline-white "
                style={{
                  background: "#E8B7FF",
                  fontSize: "13px",
                  fontWeight: "bold",
                }}
              >
                수정
              </button>
            </Link>
          </form>
          <div className="col"></div>
          <div className="col">
            <div className="d-flex justify-content-center">
              <img
                src="/cherry.jpg"
                className="rounded-circle mt-2"
                style={{ height: "320px", width: "320px" }}
              />
            </div>
          </div>
          <div className="col"></div>
        </div>
      </>
    </div>
  );
};

export default Profile;