diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..beefa31e Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md index c2302df6..28362ea3 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,15 @@ # seb45_pre_001 + ## ๐Ÿ’ปB์ „๊ณต + > ๋น„์ „๊ณต์ž 6๋ช…์ด ํ•จ๊ป˜ํ•˜๋Š” ํ”„๋ฆฌํ”„๋กœ์ ํŠธ! ## ๐ŸŒŸ ํŒ€์› ์†Œ๊ฐœ ### โœจ Back-end + @@ -34,6 +37,7 @@
์ด๋ฏธ์ง€ํƒœ๊ทธ
### โœจ Front-end + @@ -62,13 +66,17 @@
์ด๋ฏธ์ง€ํƒœ๊ทธ
## ๐ŸŽฏํ”„๋กœ์ ํŠธ ๋ช… + - Stackoverflow ## ๐Ÿ“…ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„ + - 2023๋…„ 8์›” 4์ผ(๊ธˆ) ~ 2023๋…„ 8์›” 23์ผ(์ˆ˜) ## ๐Ÿ—‚๏ธํ”„๋กœ์ ํŠธ ํ•ต์‹ฌ๊ธฐ์ˆ  ๋ฐ ๊ธฐ๋Šฅ + ### โœจ Back-end + ![Java](https://img.shields.io/badge/java-007396?style=for-the-badge&logo=java&logoColor=white") ![Spring](https://img.shields.io/badge/spring-6DB33F?style=for-the-badge&logo=spring&logoColor=white) ![Spring Boot](https://img.shields.io/badge/spring_boot_jpa-6DB33F?style=for-the-badge&logo=springboot&logoColor=white) @@ -78,6 +86,7 @@ ![Ngrok](https://img.shields.io/badge/ngrok-1F1E37?style=for-the-badge&logo=ngrok&logoColor=white) ### โœจ Front-end + ![HTML](https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS](https://img.shields.io/badge/css-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) @@ -85,6 +94,7 @@ ![Redux](https://img.shields.io/badge/redux-764ABC?style=for-the-badge&logo=redux&logoColor=white) ## ๐Ÿ› ๏ธํ˜‘์—…ํˆด + ![Github](https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white) ![Discord](https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white) ![Notion](https://img.shields.io/badge/notion-000000?style=for-the-badge&logo=notion&logoColor=white) diff --git a/client/.eslintrc.json b/client/.eslintrc.json index 36506ad9..fa963fb5 100644 --- a/client/.eslintrc.json +++ b/client/.eslintrc.json @@ -1,24 +1,24 @@ { - "env": { - "browser": true, - "es2021": true + "env": { + "browser": true, + "es2021": true + }, + "extends": [ + "eslint:recommended", + "plugin:react/recommended", + "plugin:import/recommended", + "plugin:jsx-a11y/recommended", + "plugin:prettier/recommended" + ], + "parserOptions": { + "ecmaFeatures": { + "jsx": true }, - "extends": [ - "eslint:recommended", - "plugin:react/recommended", - "plugin:import/recommended", - "plugin:jsx-a11y/recommended", - "plugin:prettier/recommended" - ], - "parserOptions": { - "ecmaFeatures": { - "jsx": true - }, - "ecmaVersion": "latest", - "sourceType": "module" - }, - "rules": { - "react/react-in-jsx-scope": 0, - "react/jsx-uses-react": 0 - } - } \ No newline at end of file + "ecmaVersion": "latest", + "sourceType": "module" + }, + "rules": { + "react/react-in-jsx-scope": 0, + "react/jsx-uses-react": 0 + } +} diff --git a/client/.prettierrc.json b/client/.prettierrc.json index f62c86f8..544138be 100644 --- a/client/.prettierrc.json +++ b/client/.prettierrc.json @@ -1,3 +1,3 @@ { - "singleQuote": true - } \ No newline at end of file + "singleQuote": true +} diff --git a/client/public/favicon.ico b/client/public/favicon.ico deleted file mode 100644 index a11777cc..00000000 Binary files a/client/public/favicon.ico and /dev/null differ diff --git a/client/public/index.html b/client/public/index.html index aa069f27..e65acb3d 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -1,4 +1,4 @@ - + diff --git a/client/public/logo192.png b/client/public/logo192.png deleted file mode 100644 index fc44b0a3..00000000 Binary files a/client/public/logo192.png and /dev/null differ diff --git a/client/public/logo512.png b/client/public/logo512.png deleted file mode 100644 index a4e47a65..00000000 Binary files a/client/public/logo512.png and /dev/null differ diff --git a/client/src/App.css b/client/src/App.css index 74b5e053..e69de29b 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/client/src/App.js b/client/src/App.js index 37845757..9d200f96 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -1,23 +1,10 @@ -import logo from './logo.svg'; import './App.css'; +import AskQuestionPage from './pages/AskQuestionPage'; function App() { return (
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
+
); } diff --git a/client/src/App.test.js b/client/src/App.test.js deleted file mode 100644 index 1f03afee..00000000 --- a/client/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/client/src/components/Editor5.js b/client/src/components/Editor5.js new file mode 100644 index 00000000..e69de29b diff --git a/client/src/index.css b/client/src/index.css index ec2585e8..b783e8fb 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -1,13 +1,13 @@ -body { +* { + border: none; + outline: none; + box-sizing: border-box; + padding: 0; + text-decoration: none; margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; +button { + border: none; + background-color: transparent; } diff --git a/client/src/logo.svg b/client/src/logo.svg deleted file mode 100644 index 9dfc1c05..00000000 --- a/client/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/src/pages/AskQuestionPage.js b/client/src/pages/AskQuestionPage.js new file mode 100644 index 00000000..47707274 --- /dev/null +++ b/client/src/pages/AskQuestionPage.js @@ -0,0 +1,148 @@ +import { styled } from 'styled-components'; +import Editor5 from '../components/Editor5'; + +const StyleAskPage = styled.div` + background-color: #f8f9f9; + height: 1124px; + display: flex; + flex-direction: column; + align-items: center; + + .inner { + width: 1216px; + height: 1200px; + padding: 0 24px 24px 24px; + } + + .question-header { + display: flex; + align-items: center; + height: 130px; + position: relative; + background-image: url('https://cdn.sstatic.net/Img/ask/background.svg?v=2e9a8205b368'); + background-repeat: no-repeat; + background-position: right bottom; + } + .notice-container { + max-width: 800px; + padding: 24px; + display: flex; + flex-direction: column; + margin: 16px 0 16px 0; + background-color: #ebf4fb; + border-radius: 7px; + border: 1px solid #a6ceed; + ul { + margin-left: 30px; + } + h2 { + margin-bottom: 8px; + } + h5 { + margin: 15px 0 8px 0; + } + } + + main { + height: 1233px; + margin-bottom: 48px; + } + + .title-container, + .tag-container { + max-width: 800px; + height: 124px; + padding: 24px; + border: 1px solid #d5d9dc; + display: flex; + flex-direction: column; + justify-content: center; + border-radius: 7px; + background-color: #ffffff; + } + + .explanation-box { + font-size: 13px; + } + + .title-input, + .tag-input { + height: 33px; + width: 100%; + padding: 8px; + border: 1px solid #d5d9dc; + margin-top: 5px; + border-radius: 7px; + } +`; + +function AskQuestionPage() { + return ( + +
+
+

Ask a public question

+
+
+

Writing a good question

+

+ Youโ€™re ready to ask a programming-related question and this form + will help guide you through the process. +

+

+ Looking to ask a non-programming question? See the topics here to + find a relevant site. +

+
step
+
    +
  • Summarize your problem in a one-line title.
    • +
  • Describe your problem in more detail.
    • +
  • Describe what you tried and what you expected to happen.
    • +
  • + Add โ€œtagsโ€ which help surface your question to members of the + community. +
    • +
  • Review your question and post it to the site.
    • +
+
+
+
+
+
Title
+
+ Be specific and imagine youโ€™re asking a question to another + person. +
+
+
+ +
+
+
+
+
Tags
+
+ Add up to 5 tags to describe what your question is about. Start + typing to see suggestions. +
+
+
+ +
+
+
+ +
+ + ); +} + +export default AskQuestionPage;