From 8ce1604414709dffb8ce2663166f59b501c39ead Mon Sep 17 00:00:00 2001 From: yueunfive <122276414+yueunfive@users.noreply.github.com> Date: Sat, 18 Nov 2023 17:41:18 +0900 Subject: [PATCH] feat/#1/MyPage(uncompleted) --- package-lock.json | 121 +++++++++++++++++++++++++++++++- package.json | 6 +- src/app/components/MyPage.jsx | 123 +++++++++++++++++++++++++++++++++ src/app/img/alarm.png | Bin 0 -> 4490 bytes src/app/img/calendarIcon.png | Bin 0 -> 1872 bytes src/app/img/heartIcon.png | Bin 0 -> 1960 bytes src/app/page.js | 125 +++++----------------------------- 7 files changed, 262 insertions(+), 113 deletions(-) create mode 100644 src/app/components/MyPage.jsx create mode 100644 src/app/img/alarm.png create mode 100644 src/app/img/calendarIcon.png create mode 100644 src/app/img/heartIcon.png diff --git a/package-lock.json b/package-lock.json index 44b00e7..60c6b5f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,10 +11,11 @@ "autoprefixer": "10.4.15", "eslint": "8.49.0", "eslint-config-next": "13.4.19", - "next": "13.4.19", + "next": "^13.4.19", "postcss": "8.4.29", "react": "18.2.0", "react-dom": "18.2.0", + "styled-components": "^6.1.1", "tailwindcss": "3.3.3" } }, @@ -48,6 +49,24 @@ "node": ">=6.9.0" } }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" + }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", @@ -371,6 +390,11 @@ "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==" }, + "node_modules/@types/stylis": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.3.tgz", + "integrity": "sha512-86XLCVEmWagiUEbr2AjSbeY4qHN9jMm3pgM3PuBYfLIbT0MpDSnA3GA/4W7KoH/C/eeK77kNaeIxZzjhKYIBgw==" + }, "node_modules/@typescript-eslint/parser": { "version": "6.6.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.6.0.tgz", @@ -860,6 +884,14 @@ "node": ">= 6" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-lite": { "version": "1.0.30001529", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001529.tgz", @@ -978,6 +1010,24 @@ "node": ">= 8" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -989,6 +1039,11 @@ "node": ">=4" } }, + "node_modules/csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + }, "node_modules/damerau-levenshtein": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz", @@ -3333,6 +3388,11 @@ "node": ">=10" } }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -3479,6 +3539,60 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/styled-components": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.1.tgz", + "integrity": "sha512-cpZZP5RrKRIClBW5Eby4JM1wElLVP4NQrJbJ0h10TidTyJf4SIIwa3zLXOoPb4gJi8MsJ8mjq5mu2IrEhZIAcQ==", + "dependencies": { + "@emotion/is-prop-valid": "^1.2.1", + "@emotion/unitless": "^0.8.0", + "@types/stylis": "^4.0.2", + "css-to-react-native": "^3.2.0", + "csstype": "^3.1.2", + "postcss": "^8.4.31", + "shallowequal": "^1.1.0", + "stylis": "^4.3.0", + "tslib": "^2.5.0" + }, + "engines": { + "node": ">= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0" + } + }, + "node_modules/styled-components/node_modules/postcss": { + "version": "8.4.31", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", + "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, "node_modules/styled-jsx": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz", @@ -3501,6 +3615,11 @@ } } }, + "node_modules/stylis": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz", + "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ==" + }, "node_modules/sucrase": { "version": "3.34.0", "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz", diff --git a/package.json b/package.json index 9b2c45b..735dae9 100644 --- a/package.json +++ b/package.json @@ -10,16 +10,16 @@ }, "imports": { "app/": "./src/app/*" -}, + }, "dependencies": { "autoprefixer": "10.4.15", "eslint": "8.49.0", "eslint-config-next": "13.4.19", - "next": "13.4.19", + "next": "^13.4.19", "postcss": "8.4.29", "react": "18.2.0", "react-dom": "18.2.0", + "styled-components": "^6.1.1", "tailwindcss": "3.3.3" } - } diff --git a/src/app/components/MyPage.jsx b/src/app/components/MyPage.jsx new file mode 100644 index 0000000..a2ed60e --- /dev/null +++ b/src/app/components/MyPage.jsx @@ -0,0 +1,123 @@ +"use client"; +import React from "react"; +import styled from "styled-components"; +// import calendarIcon from "../img/calendarIcon.png"; +// import heartIcon from "../img/heartIcon.png"; +// import alarmImg from "../img/alarm.png"; + +export default function MyPage() { + return ( + +
+
+ Profile + Settings +
+
+
+ +

Hello, Linda

+ +
+
{/* calendarIcon */}
+
{/* heartIcon */}
+
+
+ +
+

알림 목록

+
+
+
+
+
+
+
+ + ); +} + +const MyPageWrap = styled.div` + width: 494px; + + border-radius: 28px 0px 0px 28px; + background: #000; + + padding: 56px 60px 26px 60px; + display: flex; + flex-direction: column; + + .header { + display: flex; + justify-content: space-between; + align-items: center; + .text-container { + color: #fff; + font-size: 15px; + font-style: normal; + font-weight: 700; + line-height: normal; + + display: flex; + gap: 40px; + } + .profile-img { + width: 52px; + height: 52px; + border-radius: 20px; + background: #454545; + } + } + + .hello { + color: #fff; + font-size: 40px; + font-style: normal; + font-weight: 700; + line-height: normal; + + margin-top: 145px; + } + + .btn-container { + display: flex; + gap: 10px; + margin-top: 45px; + + div { + width: 158px; + height: 210px; + border-radius: 20px; + background: #454545; + } + } + + .footer { + display: flex; + flex-direction: column; + gap: 26px; + + margin-top: 59px; + + h2 { + color: #fff; + font-size: 23px; + font-style: normal; + font-weight: 600; + line-height: normal; + } + + .alarm-container { + display: flex; + flex-direction: column; + gap: 35px; + + .alarm { + width: 231px; + height: 48px; + background-color: rgba(177, 177, 205, 1); + border-radius: 15px; + } + } + } +`; diff --git a/src/app/img/alarm.png b/src/app/img/alarm.png new file mode 100644 index 0000000000000000000000000000000000000000..b88eb98bff6d621ded78c8bf937ba7b21502bd7e GIT binary patch literal 4490 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 KMNUMnLSTX@^KT6R literal 0 HcmV?d00001 diff --git a/src/app/img/heartIcon.png b/src/app/img/heartIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..8ccd9d58f4a3f21a2a71b7f660a96f17a8929c0e GIT binary patch literal 1960 zcmV;Z2UqxsP)3B_ms@78X(2f!m0FmZrTK@TMIpsRBpO&r*#cIS5z{7RB#DI?VSlthVL^*6 zQf5V3h%H!+OXQ4`g=?neHZI@3zs|fEUhkb{-n(zTANVo@_bk8jn|tp$_nhB3BN7u6 zQ$|!sL;$Gdk1j2BG*?tq9FaUhThxY5R5f*+I!t>`N(5xZp)^#!y44USb^D zjygu|rFK(I)Cy_?8?{j)fc6aGkBQV+s)p)Abrs`Kb>snRM~gl0t1Z+z+5^caG<+!a z2vtv=Kp4%`T51;6OEQFIbf@lUDYF^j{75}Y4U=5MO3$UM4Q1I8q(4 z6WQS?^%`}aL`{qFixC~_*lPmpsihha4SJV9OPwZBz=AKOHX?dXQcGdp%jsa&)5?~?i0%>h;W3xLDjd#S#2 zMt0tdTc}GU1DL-b^`vKgyQ#B$3jN5Vu>I65$r3DU5Va0%=QCvZhfT8QUYNVk#fPqf zYCQ^3XI?E?hGm|j1|l520lG_;VVO5j$2{tvlCFUE)MiI!t)NySf@SxizJ@;=sJ;>r zEPIBB4fW|V-{_Hfp+roJQ++yzMx+?{M_`Z7IDAH`jNdpi>5Nij^QTF+Om*0zPs$|8 z0j#GJ%uJNkH_4gC!Oew|Ls;K3i!F;Khp@g89{w5AI>Qo2;@2g|z)XPDr?5o_`F$kE zu+BFeKAPV;aib&g`H}}qFI{w#BF>&ifsd zn17)!bUt;bCCM;#Xm3k`T@sVb9?P}f>d;P>1cxOinFE$~LsQitxdB*-}Cs06XizwTFuZnY#hou5m1it{`Z^CG{YSu?+!aDQMBz2->C1-PR{g&BhwNoQ`q+B9lrTIRi^2VOd8BTNXiVh zxj)?0rpj1J?Q&#%M#>DBI8z%M&e<_t=KCC(HI_5_?Ir~ROz^OayKM#ZqV_oo(06U6 zlmT$}D|&bKa1~MqH@8TM!#2+L@I#$XK|SD(DBg?YVL}N3Gfeu!;e!UMpKpQJ!;J>V zwwDqECf(qI7nS2MGo6A9Pam~a=&B(+(QRt2a33pg6V`BJlgrTWD3mK)Fg!b9*}D*VnD&Et zq8^4nx;Lu7}@n z4OSqkGnztyIlm+H9Hlx~&SuKc9v$9=9KG=()lLcx8Z{qb=sP%T>-{iC$gM#bbyCRC zzwNJ+GO;jq%b<4P+%U#I)w8REVDbjHicS`Fm&}nkHyT( z_VBF2MqGuklfe?aidORh{9R-Imm?gV0KY;?37A3ly9h_;1N3xAojz>K$+bF}Gf+wu zm}A{SdgHdDlOVID9DtdR4DFdi_!vbn$(?oB=v!fiFxf&!2{%hQ1G7k`M+#+nO5-bt z;K;V3h0d4=_kmNX_>P(^G5-f91V}$!eZI2v@xC4LmLE4TUs;QgdS8&94jJ8X=%ozI ue{#@qq;_1t!wl++KI|tZCMG5(HU9w5fW}&jS?L@A0000 -
-

- Get started by editing  - src/app/page.js -

- -
- -
- Next.js Logo -
- - - - ) +
+ +
+ ); }