NTACT v1.0.0

JJJJ-web · Jun 10, 2021 · 8258f05 · 8258f05
2 parents 2ca7857 + 6dfb5a3
commit 8258f05
Show file tree

Hide file tree

Showing 120 changed files with 110,062 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,5 @@
+*       text=auto
+
+*.js    text
+
+*.png   -text
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,11 @@
+.idea/
+node_modules/
+server/config/*-config.json
+server/models/dev_*.js
+server/sync-db.bat
+client/src/config
+*/.eslintcache
+*/yarn-error.log
+*/node_modules/
+*/src/containers/LogIn/loginInfo.json
+*/src/Login/loginInfo.json
diff --git a/client/.eslintrc.js b/client/.eslintrc.js
@@ -0,0 +1,45 @@
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es2021: true,
+  },
+  extends: [
+    'airbnb',
+  ],
+  parserOptions: {
+    ecmaVersion: 12,
+  },
+  plugins: [
+    'react',
+  ],
+  rules: {
+    indent: [
+      'error',
+      2,
+    ],
+    semi: [
+      'error',
+      'always',
+    ],
+    'no-trailing-spaces': 0,
+    'keyword-spacing': 0,
+    'no-unused-vars': 0,
+    'no-multiple-empty-lines': 0,
+    'space-before-function-paren': 0,
+    'eol-last': 0,
+    'linebreak-style': 0,
+    'new-cap': 0,
+    'require-jsdoc': 0,
+    'no-throw-literal': 0,
+    'no-plusplus': 0,
+    'no-shadow': 0,
+    eqeqeq: 0,
+    'no-param-reassign': [2, { props: false }],
+    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
+    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
+    'no-use-before-define': ['error', { variables: false }],
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+  },
+};
diff --git a/client/README.md b/client/README.md
@@ -0,0 +1,35 @@
+# NTACT
+
+## Client
+
+1. 파일 실행은 ./NTACT/client 에서 yarn start 또는 npm start를 해주세요.
+
+2. 구글 로그인
+   * Google Login을 사용하실 경우에는 학교 이메일로 로그인 부탁드립니다! (조직만 사용 가능하게 했더니 학교 이메일만 로그인이 됩니다!)
+   * Google Login에서도 페북과 같이 아이디, 이메일, 이름 등만 수집 가능합니다.
+
+3. 수정 내역
+
+(21.01.29)
+* 아직 convention 들여쓰기를 2로 할지 4로 할지 안 정해져서 일단은 제일 최근 버전인 2로 맞춰서 올렸습니다.
+* Google Login Key가 80자가 넘어가는 바람에 .eslintrc.js에 <strong>max-len: 0</strong>을 추가했습니다.
+* Facebook login을 지우고 Google login을 추가했습니다.
+
+(21.01.30)
+* 로그인 성공 시 Session Storage에 기록되도록 수정했습니다. (노션-백엔드-소통의 장-로그인 구현 프론트쪽 진행상황 페이지에 스크린샷 참고)
+* 로그인 성공 시 Session Storage에 기록 / session 시간이 짧을 경우 local Storage 사용 가능
+* 처음 실행시 Home 화면 > login 성공 시 menu 화면으로 이동 가능 합니다. 현재 localhost:3000/menu, /cart, /payment 이동 가능합니다.
+* <code>axios.post(url, /.../)</code>을 통해서 백으로 데이터 전송가능 합니다. 현재 2개의 코드가 있으며 주석처리 안된 코드는 json 포멧 데이터 형식으로, 주석처리된 코드는 json 데이터가 아닌 버전입니다.
+* url에는 백엔드쪽 서버 url을 적어야 한다고 합니다. 현재는 아무 url로 기입해놨습니다.
+* 데이터가 넘어가는 지 확인하는 법은 노션-백엔드-소통의 장-로그인 구현 프론트쪽 진행상황 페이지에 스크린샷 참고
+
+(21.02.01)
+* 로그인 성공 시 /coffee 로 이동합니다.
+* 아직 장바구니나 onClick 이벤트 처리하지 않았습니다.
+* 메뉴 페이지 순서는 coffee > milk beverage > ade > shake > coffee 순 입니다.
+
+(21.02.04)
+* 카카오 로그인 엑세스토큰 받아오는 구조로 수정 완료. (component/KakaoLogin.js)
+
+(21.02.08)
+* DB 데이터 받아서 메뉴판 출력 완료했습니다.
diff --git a/client/craco.config.js b/client/craco.config.js
@@ -0,0 +1,17 @@
+const CracoLessPlugin = require('craco-less');
+
+module.exports = {
+  plugins: [
+    {
+      plugin: CracoLessPlugin,
+      options: {
+        lessLoaderOptions: {
+          lessOptions: {
+            modifyVars: { '@primary-color': '#ffb400' },
+            javascriptEnabled: true,
+          },
+        },
+      },
+    },
+  ],
+};
diff --git a/client/index.html b/client/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <meta charset="UTF-8" name="viewport"
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <title>Title</title>
+    <style>
+        button {
+            width: 30vw;
+            height: 10vw;
+            background: white;
+        }
+    </style>
+</head>
+
+<body>
+
+<button id="preCategory" onclick="prePage()">
+    이전 페이지
+</button>
+
+<button id="currentCategory">
+    현재 페이지
+</button>
+
+<button id="nextCategory" onclick="nextPage()">
+    다음 페이지
+</button>
+
+<script src="js/category.js"></script>
+
+<div id="menuList">
+    메뉴 리스트
+</div>
+<hr>
+<footer id="footer">
+    <span id="cartImages"></span>
+    <span id="total">총 액: </span>
+</footer>
+</body>
+
+</html>