KDT0_Lee_Yeon_Su 직원 관리 서비스 #62
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| { | ||
| "projects": { | ||
| "default": "employee-management-59973" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,72 @@ | ||
| # Logs | ||
| logs | ||
| *.log | ||
| npm-debug.log* | ||
| yarn-debug.log* | ||
| yarn-error.log* | ||
| firebase-debug.log* | ||
| firebase-debug.*.log* | ||
|
|
||
| # Firebase cache | ||
| .firebase/ | ||
|
|
||
| # Firebase config | ||
|
|
||
| # Uncomment this if you'd like others to create their own Firebase project. | ||
| # For a team working on the same Firebase project(s), it is recommended to leave | ||
| # it commented so all members can deploy to the same project(s) in .firebaserc. | ||
| # .firebaserc | ||
|
|
||
| # Runtime data | ||
| pids | ||
| *.pid | ||
| *.seed | ||
| *.pid.lock | ||
|
|
||
| # Directory for instrumented libs generated by jscoverage/JSCover | ||
| lib-cov | ||
|
|
||
| # Coverage directory used by tools like istanbul | ||
| coverage | ||
|
|
||
| # nyc test coverage | ||
| .nyc_output | ||
|
|
||
| # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | ||
| .grunt | ||
|
|
||
| # Bower dependency directory (https://bower.io/) | ||
| bower_components | ||
|
|
||
| # node-waf configuration | ||
| .lock-wscript | ||
|
|
||
| # Compiled binary addons (http://nodejs.org/api/addons.html) | ||
| build/Release | ||
|
|
||
| # Dependency directories | ||
| node_modules/ | ||
|
|
||
| # Optional npm cache directory | ||
| .npm | ||
|
|
||
| # Optional eslint cache | ||
| .eslintcache | ||
|
|
||
| # Optional REPL history | ||
| .node_repl_history | ||
|
|
||
| # Output of 'npm pack' | ||
| *.tgz | ||
|
|
||
| # Yarn Integrity file | ||
| .yarn-integrity | ||
|
|
||
| # dotenv environment variables file | ||
| .env | ||
|
|
||
| # firebase file | ||
| keys.js | ||
| .firebaserc | ||
| firestore.rules | ||
| storage.rules | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,49 +1,38 @@ | ||
| # 직원 관리 서비스 | ||
|
|
||
| ## ✨ 프로젝트 소개 | ||
| * 배포주소 : https://my-employee-management.netlify.app/ | ||
|
|
||
| <br> | ||
|
|
||
| ## ✨ 기술 스택 | ||
| <div style="display:flex;"> | ||
| <img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white"> | ||
| <img src="https://img.shields.io/badge/css-1572B6?style=for-the-badge&logo=css3&logoColor=white"> | ||
| <img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black"> | ||
| <img src="https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=firebase&logoColor=black"/> | ||
| </div> | ||
|
|
||
| <br> | ||
|
|
||
| ## ✔ 구현 내용 | ||
| * 직원 리스트 | ||
|  | ||
| * 직원 등록 | ||
|  | ||
| * 직원 상세, 수정, 삭제 | ||
|  | ||
| * 여러 직원 삭제 | ||
|  | ||
|
|
||
| <br> | ||
|
|
||
| ## ✨ 유저 플로우 | ||
|  | ||
|
|
||
|
|
||
| <br> | ||
|
|
||
| ## 📌 회고 | ||
| * 파이어베이스를 처음 사용해보는데 연동하는 것이 조금 어려웠다. | ||
| * 검색 기능을 구현하지 못해 아쉽다. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| { | ||
| "firestore": { | ||
| "rules": "firestore.rules", | ||
| "indexes": "firestore.indexes.json" | ||
| }, | ||
| "storage": { | ||
| "rules": "storage.rules" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| { | ||
| "indexes": [], | ||
| "fieldOverrides": [] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| rules_version = '2'; | ||
|
|
||
| service cloud.firestore { | ||
| match /databases/{database}/documents { | ||
| match /{document=**} { | ||
| allow read, write: if false; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,183 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ko"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="./src/css/reset.css" /> | ||
| <link rel="stylesheet" href="./src/css/animation.css" /> | ||
| <link rel="stylesheet" href="./src/css/header.css" /> | ||
| <link rel="stylesheet" href="./src/css/table.css" /> | ||
| <link rel="stylesheet" href="./src/css/modal.css" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" | ||
| /> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| <title>직원관리</title> | ||
| </head> | ||
| <body> | ||
| <!-- 시작 애니메이션 --> | ||
| <div class="animation"> | ||
| <div class="loading-container"> | ||
| <div class="loading"></div> | ||
| <div id="loading-text">loading</div> | ||
| </div> | ||
| <a href="./index.html" title="employee-management.com" id="link" | ||
suehub marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| >employee-management.com</a | ||
| > | ||
| </div> | ||
|
|
||
| <div class="main"> | ||
| <!-- 헤더 --> | ||
| <div class="header"> | ||
| <div class="header__icon" onclick="location.href='index.html'"> | ||
| <img | ||
| src="./src/image/free-icon-team-management-6103262.png" | ||
| alt="메인 아이콘" | ||
| class="main__icon" | ||
| loading="lazy" | ||
| /> | ||
| <span>직원관리</span> | ||
| </div> | ||
| <div class="employee-search__wrapper"> | ||
| <span class="material-symbols-outlined search-icon">search</span> | ||
| <input | ||
| type="text" | ||
| class="employee-search__input" | ||
| placeholder="이름 또는 이메일로 검색하기" | ||
| /> | ||
| </div> | ||
| <div class="button__wrapper"> | ||
| <button type="button" class="employee-add__button">직원 등록</button> | ||
| <button type="button" class="employee-delete__button"> | ||
| 직원 삭제 | ||
| </button> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- 직원 데이터 테이블 --> | ||
| <section class="employee-table__warpper"> | ||
| <table class="employee-table"> | ||
| <tr> | ||
| <th> | ||
| <input id="check__btn" class="checkbox__all" type="checkbox" /> | ||
| <label for="check__btn"></label> | ||
| </th> | ||
| <th>프로필</th> | ||
| <th>이름</th> | ||
| <th>이메일</th> | ||
| <th>휴대폰번호</th> | ||
| <th>입사날짜</th> | ||
| </tr> | ||
| </table> | ||
| </section> | ||
|
|
||
| <!-- 직원 등록 모달 --> | ||
| <div class="modal__background"> | ||
| <modal class="employee-add__modal"> | ||
suehub marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| <h1>직원 등록</h1> | ||
| <span class="material-symbols-outlined close-icon">close</span> | ||
| <form id="employee__form"> | ||
| <div class="add-file__wrapper"> | ||
| <img class="add-data__img" /> | ||
| <input class="add-data__file" accept="image/*" type="file" /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>이름</label> | ||
| <input | ||
suehub marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| class="add-data__name" | ||
| type="text" | ||
| placeholder="이름을 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>이메일</label> | ||
| <input | ||
| class="add-data__email" | ||
| type="email" | ||
| placeholder="이메일을 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>휴대폰 번호</label> | ||
| <input | ||
| class="add-data__tel" | ||
| type="tel" | ||
| placeholder="휴대폰 번호를 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>입사날짜</label> | ||
| <input class="add-data__date" type="date" /> | ||
| </div> | ||
| <button class="submit__button" type="submit">등록</button> | ||
| </form> | ||
| </modal> | ||
| </div> | ||
|
|
||
| <!-- 직원 상세 모달 --> | ||
| <div class="detail-modal__background"> | ||
| <modal class="employee-detail__modal"> | ||
| <h1>직원 정보</h1> | ||
| <span class="material-symbols-outlined close__icon">close</span> | ||
| <form id="employee__form"> | ||
| <div class="add-file__wrapper"> | ||
| <img class="detail__img" /> | ||
| <input class="update-data__file" accept="image/*" type="file" /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>이름</label> | ||
| <input | ||
| class="detail__name" | ||
| type="text" | ||
| placeholder="이름을 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>이메일</label> | ||
| <input | ||
| class="detail__email" | ||
| type="email" | ||
|
There was a problem hiding this comment. 복잡한 정규식만 생각했었는데..! |
||
| placeholder="이메일을 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>휴대폰 번호</label> | ||
| <input | ||
| class="detail__tel" | ||
| type="tel" | ||
| placeholder="휴대폰 번호를 입력하세요" | ||
| /> | ||
| </div> | ||
| <div class="add-data"> | ||
| <label>입사날짜</label> | ||
| <input class="detail__date" type="date" /> | ||
| </div> | ||
| <div class="detail-button__wrapper"> | ||
| <button class="edit__button" type="button">저장</button> | ||
| <button class="delete__button" type="button">삭제</button> | ||
| </div> | ||
| </form> | ||
| </modal> | ||
| </div> | ||
|
|
||
| <script src="./src/js/animation.js"></script> | ||
| <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script> | ||
| <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script> | ||
| <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script> | ||
| <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script> | ||
| <script type="module" src="./src/js/firebaseConfig.js"></script> | ||
| <script type="module" src="./src/js/firebaseData.js"></script> | ||
| <script type="module" src="./src/js/main.js"></script> | ||
| </body> | ||
| </html> | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
gitignore파일이 정상적으로 동작하지 않는 거 같아요. keys파일 노출되어 있어요!There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
git이 track을 시작한 시점 이후에
.gitignore에 추가돼서 그렇습니다.keys.js가 추가된 시점.gitignore가 업데이트된 시점Removing sensitive data from a repository를 참고하셔서 파일을 지우시거나, 간단하게
keys.js를 삭제하는 커밋을 남기고 key를 모두 만료시키고 새로 발급하시는 게 좋을 것 같네요.