+ 믿을 수 있는
+
+ 믿을 수 있는
판다마켓 중고거래
+
+ 
+
+
+ 인기 상품을
+
+ Hot Item
+인기 상품을
확인해보세요
+ 가장 HOT한 중고거래 물품을
판다 마켓에서 확인해 보세요
+ 
+
+
+ 구매를 원하는
+
+ Search
+구매를 원하는
상품을 검색하세요
+ 구매하고 싶은 물품은 검색해서
쉽게 찾아보세요
+ 
+
+
+ 판매를 원하는
+
+ Register
+판매를 원하는
상품을 등록하세요
+ 어떤 물건이든 판매하고 싶은 상품을
쉽게 등록하세요
+
+ 일상의 모든 물건을
+
+ 구경하러가기
+
+
+
+ 일상의 모든 물건을
+ 거래해보세요
+
+
+ 구경하러가기
+
+
-
-
- );
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Header_1 = __importDefault(require("../components/Header"));
+require("../style/additem.css");
+const AddItem_1 = __importDefault(require("../components/AddItems/AddItem"));
+function ItemPage() {
+ return (react_1.default.createElement(react_1.default.Fragment, null,
+ react_1.default.createElement(Header_1.default, null),
+ react_1.default.createElement("div", { className: "item-container" },
+ react_1.default.createElement(AddItem_1.default, null))));
}
+exports.default = ItemPage;
diff --git a/src/pages/items.tsx b/src/pages/items.tsx
new file mode 100644
index 000000000..0dae5d73d
--- /dev/null
+++ b/src/pages/items.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import NavBar from "../components/Header";
+import "../style/additem.css";
+import AddItem from "../components/AddItems/AddItem";
+
+export default function ItemPage() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/src/pages/market.js b/src/pages/market.js
index 563a4f9a3..ddc4a7def 100644
--- a/src/pages/market.js
+++ b/src/pages/market.js
@@ -1,16 +1,17 @@
-import AllMarket from "../components/AllMarket";
-import BestMarket from "../components/BestMarket";
-import NavBar from "../components/header";
-import "../style/market.css";
-
-export default function MarketPage() {
- return (
- <>
-
-
-
- );
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const BestMarket_1 = __importDefault(require("../components/Market/BestMarket"));
+const AllMarket_1 = __importDefault(require("../components/Market/AllMarket"));
+const Header_1 = __importDefault(require("../components/Header"));
+require("../style/market.css");
+function MarketPage() {
+ return (react_1.default.createElement(react_1.default.Fragment, null,
+ react_1.default.createElement(Header_1.default, null),
+ react_1.default.createElement("div", { className: "market" },
+ react_1.default.createElement(BestMarket_1.default, null),
+ react_1.default.createElement(AllMarket_1.default, null))));
}
+exports.default = MarketPage;
diff --git a/src/pages/market.tsx b/src/pages/market.tsx
new file mode 100644
index 000000000..8a4f6bb5c
--- /dev/null
+++ b/src/pages/market.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import BestMarket from "../components/Market/BestMarket";
+import AllMarket from "../components/Market/AllMarket";
+import NavBar from "../components/Header";
+import "../style/market.css";
+
+export default function MarketPage() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/src/pages/privacy.js b/src/pages/privacy.js
new file mode 100644
index 000000000..7bc71b51b
--- /dev/null
+++ b/src/pages/privacy.js
@@ -0,0 +1,11 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Header_1 = __importDefault(require("../components/Header"));
+const react_1 = __importDefault(require("react"));
+function Privacy() {
+ return (react_1.default.createElement(react_1.default.Fragment, null,
+ react_1.default.createElement(Header_1.default, null)));
+}
+exports.default = Privacy;
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
new file mode 100644
index 000000000..d1a5f8c55
--- /dev/null
+++ b/src/pages/privacy.tsx
@@ -0,0 +1,10 @@
+import NavBar from "../components/Header";
+import React from "react";
+
+export default function Privacy() {
+ return (
+ <>
+
-
-
- );
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Header_1 = __importDefault(require("../components/Header"));
+const react_1 = __importDefault(require("react"));
+const Product_1 = __importDefault(require("../components/Product/Product"));
+function ProductPage() {
+ return (react_1.default.createElement(react_1.default.Fragment, null,
+ react_1.default.createElement(Header_1.default, null),
+ react_1.default.createElement("div", { className: "ProductPage" },
+ react_1.default.createElement(Product_1.default, null))));
}
+exports.default = ProductPage;
diff --git a/src/pages/product.tsx b/src/pages/product.tsx
new file mode 100644
index 000000000..ac0e5682d
--- /dev/null
+++ b/src/pages/product.tsx
@@ -0,0 +1,14 @@
+import NavBar from "../components/Header";
+import React from "react";
+import Product from "../components/Product/Product";
+
+export default function ProductPage() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/src/pages/signin.js b/src/pages/signin.js
new file mode 100644
index 000000000..8682375ec
--- /dev/null
+++ b/src/pages/signin.js
@@ -0,0 +1,21 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const panda_logo_svg_1 = __importDefault(require("../assets/img/panda_logo.svg"));
+require("../style/signin.css");
+const SocialLogin_1 = __importDefault(require("../components/SocialLogin"));
+const SigninForm_1 = __importDefault(require("../components/Signin/SigninForm"));
+function Signin() {
+ return (react_1.default.createElement("div", { id: "signin-form", className: "signin-container" },
+ react_1.default.createElement(react_router_dom_1.Link, { to: "/", className: "signin-logo" },
+ react_1.default.createElement("img", { src: panda_logo_svg_1.default, alt: "\uD310\uB2E4\uB9C8\uCF13", width: "396px" })),
+ react_1.default.createElement(SigninForm_1.default, null),
+ react_1.default.createElement(SocialLogin_1.default, null),
+ react_1.default.createElement("div", { className: "switch-signup" },
+ "\uD310\uB2E4\uB9C8\uCF13\uC774 \uCC98\uC74C\uC774\uC2E0\uAC00\uC694? ",
+ react_1.default.createElement(react_router_dom_1.Link, { to: "/signup" }, "\uD68C\uC6D0\uAC00\uC785"))));
+}
+exports.default = Signin;
diff --git a/src/pages/signin.tsx b/src/pages/signin.tsx
new file mode 100644
index 000000000..4298545cd
--- /dev/null
+++ b/src/pages/signin.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import pandaLogo from "../assets/img/panda_logo.svg";
+import "../style/signin.css";
+import SocialLogin from "../components/SocialLogin";
+import SigninForm from "../components/Signin/SigninForm";
+
+export default function Signin() {
+ return (
+
+
+ 
+
+
+ );
+}
diff --git a/src/pages/signup.js b/src/pages/signup.js
new file mode 100644
index 000000000..3ba6d0699
--- /dev/null
+++ b/src/pages/signup.js
@@ -0,0 +1,22 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const panda_logo_svg_1 = __importDefault(require("../assets/img/panda_logo.svg"));
+require("../style/signup.css");
+const SignupForm_1 = __importDefault(require("../components/Signup/SignupForm"));
+const SocialLogin_1 = __importDefault(require("../components/SocialLogin"));
+function Signup() {
+ return (react_1.default.createElement("div", { className: "signin-container" },
+ react_1.default.createElement("div", { className: "signin-logo" },
+ react_1.default.createElement(react_router_dom_1.Link, { to: "/" },
+ react_1.default.createElement("img", { src: panda_logo_svg_1.default, alt: "\uD310\uB2E4\uB9C8\uCF13", width: "396px" }))),
+ react_1.default.createElement(SignupForm_1.default, null),
+ react_1.default.createElement(SocialLogin_1.default, null),
+ react_1.default.createElement("div", { className: "switch-signup" },
+ "\uC774\uBBF8 \uD68C\uC6D0\uC774\uC2E0\uAC00\uC694? ",
+ react_1.default.createElement(react_router_dom_1.Link, { to: "/signin" }, "\uB85C\uADF8\uC778"))));
+}
+exports.default = Signup;
diff --git a/src/pages/signup.tsx b/src/pages/signup.tsx
new file mode 100644
index 000000000..e3e43b48e
--- /dev/null
+++ b/src/pages/signup.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import pandaLogo from '../assets/img/panda_logo.svg';
+import '../style/signup.css';
+import SignupForm from '../components/Signup/SignupForm';
+import SocialLogin from '../components/SocialLogin';
+
+export default function Signup() {
+ return (
+
+ 판다마켓이 처음이신가요? 회원가입
+
+
+
+ );
+}
diff --git a/src/style/home.css b/src/style/home.css
new file mode 100644
index 000000000..582619f5a
--- /dev/null
+++ b/src/style/home.css
@@ -0,0 +1,252 @@
+main {
+ width: 100%;
+}
+
+.banner-top {
+ background-color: #CFE5FF;
+ width: 100%;
+ height: 540px;
+ display: flex;
+ align-items: center;
+ background-image: url('../assets/img/img_home_top.svg');
+ background-repeat: no-repeat;
+ background-position: 80% bottom;
+ background-size: 55%;
+}
+
+.banner-top>div {
+ margin: 0 auto;
+ width: 100%;
+ max-width: 1200px;
+ font-size: 32px;
+ color: #374151;
+ font-weight: 700;
+}
+
+.btn-items {
+ width: 355px;
+ height: 56px;
+ border-radius: 40px;
+ font-weight: 600;
+ font-size: 20px;
+ text-align: center;
+ color: white;
+ background-color: #3692FF;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.banner-middle {
+ width: 100%;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.item img {
+ width: 50%;
+ margin-bottom: 0;
+}
+
+.item {
+ padding: 100px 0;
+ display: flex;
+ justify-content: space-between;
+}
+
+.item:nth-child(2) {
+ flex-direction: row-reverse;
+}
+
+.item-text {
+ flex-basis: 500px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.item-text.right {
+ text-align: right;
+}
+
+.title {
+ font-weight: 700;
+ font-size: 18px;
+ color: #3692FF;
+ margin-bottom: 12px;
+}
+
+.subtitle {
+ font-weight: 700;
+ font-size: 40px;
+ color: #374151;
+}
+
+.description {
+ font-weight: 500;
+ font-size: 24px;
+ color: #374151;
+ margin-top: 24px;
+}
+
+.banner-bottom {
+ background-color: #CFE5FF;
+ height: 540px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ background-image: url('../assets/img/img_home_bottom.svg');
+ background-repeat: no-repeat;
+ background-position: 80% bottom;
+ background-size: 55%;
+}
+
+.banner-bottom>div {
+ margin: 0 auto;
+ max-width: 1200px;
+ width: 100%;
+ font-size: 40px;
+ font-weight: 700;
+ color: #374151;
+}
+
+/* 푸터부분 */
+footer {
+ padding-top: 15px;
+ padding-bottom: 30px;
+ background: #1B1D1F;
+ width: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+
+footer>div {
+ padding-top: 20px;
+ flex-basis: 350px;
+ text-align: center;
+}
+
+.codeit {
+ font-size: 16px;
+ font-weight: 400;
+ color: #9CA3AF;
+ margin-top: 0;
+}
+
+.FAQ {
+ font-size: 16px;
+ font-weight: 400;
+ gap: 255px;
+}
+
+footer>.FAQ>a {
+ background: none;
+ color: #E5E7EB;
+}
+
+/* 푸터부분 */
+
+/* 반응형 디자인 */
+
+@media (max-width: 1279px) {
+ header {
+ padding: 0 24px;
+ }
+
+ .banner-top {
+ height: 771px;
+ background-size: 120%;
+ text-align: center;
+ align-items: flex-start;
+ padding-top: 84px;
+ }
+
+ .banner-middle {
+ padding: 24px 24px 16px 24px;
+ }
+
+ .item {
+ display: block;
+ }
+
+ .item img {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+
+ .banner-bottom {
+ height: 927px;
+ display: block;
+ text-align: center;
+ background-size: 120%;
+ padding-top: 84px;
+ }
+
+ .title {
+ font-size: 18px;
+ font-weight: 700;
+ margin-bottom: 12px;
+ }
+
+ .subtitle {
+ font-size: 32px;
+ font-weight: 700;
+ }
+
+ .description {
+ font-size: 18px;
+ font-weight: 500;
+ margin-top: 20px;
+ }
+
+ .break-on-desktop {
+ display: none;
+ }
+
+ .banner-top h1 br {
+ display: none;
+ }
+}
+
+@media (max-width: 767px) {
+ header {
+ padding: 0 16px;
+ }
+
+ .banner-top {
+ height: 540px;
+ background-position: bottom;
+ background-size: 130%;
+ }
+
+ .btn-items {
+ padding: 14px 33px;
+ width: auto;
+ }
+
+ .title {
+ font-size: 16px;
+ margin-bottom: 8px;
+ }
+
+ .subtitle {
+ font-size: 24px;
+ }
+
+ .description {
+ font-size: 16px;
+ }
+
+ .banner-bottom {
+ height: 540px;
+ display: block;
+ text-align: center;
+ background-size: 130%;
+ padding: 48px 16px 0 0;
+ }
+
+ .banner-top h1 br {
+ display: inline;
+ }
+}
diff --git a/src/style/signin.css b/src/style/signin.css
new file mode 100644
index 000000000..8cdb1aa6b
--- /dev/null
+++ b/src/style/signin.css
@@ -0,0 +1,104 @@
+.signin-container {
+ max-width: 640px;
+ margin: 0 auto;
+}
+
+.signin-logo {
+ display: block;
+ text-align: center;
+ width: 396px;
+ margin: 60px auto 40px auto;
+}
+
+.signin-logo img {
+ width: 100%;
+}
+
+.signin-label {
+ margin-bottom: 16px;
+ font-size: 18px;
+ font-weight: 700;
+}
+
+.signin-input {
+ width: 100%;
+ padding: 16px 24px;
+ border: none;
+ background-color: #f3f4f6;
+ border-radius: 12px;
+ font-size: 16px;
+ margin-bottom: 24px;
+}
+
+.signin-form>div {
+ display: flex;
+ flex-direction: column;
+}
+
+.signin-pwd {
+ position: relative;
+}
+
+.signin-btn {
+ width: 100%;
+ font-size: 20px;
+ font-weight: 700;
+ border-radius: 40px;
+ padding: 15px 100px;
+ background-color: #3692FF;
+ border: none;
+ color: white;
+}
+
+.signin-form div {
+ margin-bottom: 12px;
+}
+
+.signin-form input {
+ margin-bottom: 6px;
+}
+
+.Error-message {
+ color: #f74747;
+ font-weight: 600;
+ font-size: 15px;
+ line-height: 18px;
+ margin-top: 8px;
+ padding-left: 16px;
+ margin-top: 0;
+}
+
+.pwd-toggle {
+ position: absolute;
+ right: 15px;
+ top: 50px;
+}
+
+.social-login {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 15px 30px;
+ margin: 24px 0;
+ background-color: #e6f2ff;
+ color: #1f2937;;
+ border-radius: 8px;
+}
+
+.social-login-img {
+ display: flex;
+ gap: 20px;
+}
+
+.switch-signup {
+ font-weight: 500;
+ font-size: 15px;
+ text-align: center;
+}
+
+.switch-signup>a {
+ color: #3182F6;
+ text-decoration: underline;
+ text-underline-offset: 2px;
+}
diff --git a/src/style/signup.css b/src/style/signup.css
new file mode 100644
index 000000000..3857759d4
--- /dev/null
+++ b/src/style/signup.css
@@ -0,0 +1,108 @@
+.signin-container {
+ max-width: 640px;
+ margin: 0 auto;
+}
+
+.signin-logo {
+ display: block;
+ text-align: center;
+ width: 396px;
+ margin: 60px auto 40px auto;
+}
+
+.signin-logo img {
+ width: 100%;
+}
+
+.signin-label {
+ margin-bottom: 16px;
+ font-size: 18px;
+ font-weight: 700;
+}
+
+.signin-input {
+ width: 100%;
+ padding: 16px 24px;
+ border: none;
+ background-color: #f3f3f6;
+ border-radius: 12px;
+ font-size: 16px;
+ margin-bottom: 24px;
+}
+
+.signin-form > div {
+ display: flex;
+ flex-direction: column;
+}
+
+.signin-pwd {
+ position: relative;
+}
+
+.signin-btn {
+ width: 100%;
+ font-size: 20px;
+ font-weight: 700;
+ border-radius: 40px;
+ padding: 15px 100px;
+ background-color: #3692ff;
+ border: none;
+ color: white;
+}
+
+.signin-form div {
+ margin-bottom: 12px;
+}
+
+.signin-form input {
+ margin-bottom: 6px;
+}
+
+.Error-message {
+ color: #f74747;
+ font-weight: 600;
+ font-size: 15px;
+ line-height: 18px;
+ margin-top: 8px;
+ padding-left: 16px;
+ margin-top: 0;
+}
+
+.pwd-toggle {
+ position: absolute;
+ right: 15px;
+ top: 50px;
+}
+
+.social-login {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 15px 30px;
+ margin: 24px 0;
+ background-color: #e6f2ff;
+ color: #1f2937;
+ border-radius: 8px;
+}
+
+.social-login-img {
+ display: flex;
+ gap: 20px;
+}
+
+.switch-signup {
+ font-weight: 500;
+ font-size: 15px;
+ text-align: center;
+}
+
+.switch-signup > a {
+ color: #3182f6;
+ text-decoration: underline;
+ text-underline-offset: 2px;
+}
+
+.break-on-desktop {
+ display: inline;
+}
diff --git a/src/types/images.d.ts b/src/types/images.d.ts
new file mode 100644
index 000000000..eafef2479
--- /dev/null
+++ b/src/types/images.d.ts
@@ -0,0 +1,2 @@
+declare module '*.png';
+declare module '*.svg';
\ No newline at end of file
diff --git a/src/util/Commas.js b/src/util/Commas.js
index e1fe8c048..2a8a1acea 100644
--- a/src/util/Commas.js
+++ b/src/util/Commas.js
@@ -1,3 +1,5 @@
-export default function Commas(n) {
- return n.toLocaleString("en-US");
+Object.defineProperty(exports, "__esModule", { value: true });
+function Commas(n) {
+ return n.toLocaleString("en-US");
}
+exports.default = Commas;
diff --git a/src/util/Commas.ts b/src/util/Commas.ts
new file mode 100644
index 000000000..3df5923d8
--- /dev/null
+++ b/src/util/Commas.ts
@@ -0,0 +1,3 @@
+export default function Commas(n: number): string {
+ return n.toLocaleString("en-US");
+}
diff --git a/src/util/times.js b/src/util/times.js
index 2324aebb0..a0e7a0b40 100644
--- a/src/util/times.js
+++ b/src/util/times.js
@@ -1,20 +1,22 @@
-export default function TimeString(time) {
- const currentDate = new Date();
- const createdDate = new Date(time);
-
- const timeDiff = currentDate - createdDate;
-
- const hoursDiff = timeDiff / (1000 * 60 * 60);
- const daysDiff = hoursDiff / 24;
- const monthsDiff = daysDiff / 30;
-
- if (monthsDiff >= 1) {
- return Math.floor(monthsDiff) + "달 전";
- } else if (daysDiff >= 1) {
- return Math.floor(daysDiff) + "일 전";
- } else if (hoursDiff >= 1) {
- return Math.floor(hoursDiff) + "시간 전";
- } else {
- return "방금 전";
- }
+Object.defineProperty(exports, "__esModule", { value: true });
+function TimeString(time) {
+ const currentDate = new Date();
+ const createdDate = new Date(time);
+ const timeDiff = currentDate.getTime() - createdDate.getTime();
+ const hoursDiff = timeDiff / (1000 * 60 * 60);
+ const daysDiff = hoursDiff / 24;
+ const monthsDiff = daysDiff / 30;
+ if (monthsDiff >= 1) {
+ return Math.floor(monthsDiff) + "달 전";
+ }
+ else if (daysDiff >= 1) {
+ return Math.floor(daysDiff) + "일 전";
+ }
+ else if (hoursDiff >= 1) {
+ return Math.floor(hoursDiff) + "시간 전";
+ }
+ else {
+ return "방금 전";
+ }
}
+exports.default = TimeString;
diff --git a/src/util/times.tsx b/src/util/times.tsx
new file mode 100644
index 000000000..f820f22c0
--- /dev/null
+++ b/src/util/times.tsx
@@ -0,0 +1,20 @@
+export default function TimeString(time: string | number | Date): string {
+ const currentDate = new Date();
+ const createdDate = new Date(time);
+
+ const timeDiff = currentDate.getTime() - createdDate.getTime();
+
+ const hoursDiff = timeDiff / (1000 * 60 * 60);
+ const daysDiff = hoursDiff / 24;
+ const monthsDiff = daysDiff / 30;
+
+ if (monthsDiff >= 1) {
+ return Math.floor(monthsDiff) + "달 전";
+ } else if (daysDiff >= 1) {
+ return Math.floor(daysDiff) + "일 전";
+ } else if (hoursDiff >= 1) {
+ return Math.floor(hoursDiff) + "시간 전";
+ } else {
+ return "방금 전";
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..0825333a8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,110 @@
+{
+ "compilerOptions": {
+ /* Visit https://aka.ms/tsconfig to read more about this file */
+
+ /* Projects */
+ // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+ // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */
+ // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */
+ // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */
+ // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */
+ // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */
+
+ /* Language and Environment */
+ "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+ // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+ // "jsx": "preserve", /* Specify what JSX code is generated. */
+ // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */
+ // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
+ // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+ // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+ // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+ // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+ // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
+ // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */
+ // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */
+
+ /* Modules */
+ "module": "commonjs", /* Specify what module code is generated. */
+ // "rootDir": "./", /* Specify the root folder within your source files. */
+ // "moduleResolution": "node10", /* Specify how TypeScript looks up a file from a given module specifier. */
+ // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */
+ // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */
+ // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */
+ "typeRoots": ["./@types", "./node_modules/@types", "src/types"], /* Specify multiple folders that act like './node_modules/@types'. */
+ // "types": [], /* Specify type package names to be included without being referenced in a source file. */
+ // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
+ // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */
+ // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+ // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */
+ // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */
+ // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+ // "resolveJsonModule": true, /* Enable importing .json files. */
+ // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */
+ // "noResolve": true, /* Disallow 'import's, 'require's or '
+
+
+
+
+
+ 이미 회원이신가요? 로그인
+
+