KDT0_ChoiJeeHoon 운전자 보험 고객 사진 및 정보 관리 서비스, Zero Car (영 차!) #54
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| .DS_Store | ||
| node_modules | ||
| assets | ||
| .env |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| README.md |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| { | ||
| "arrowParens": "avoid", | ||
| "bracketSpacing": true, | ||
| "htmlWhitespaceSensitivity": "css", | ||
| "insertPragma": false, | ||
| "jsxBracketSameLine": false, | ||
| "jsxSingleQuote": false, | ||
| "printWidth": 80, | ||
| "proseWrap": "preserve", | ||
| "quoteProps": "as-needed", | ||
| "requirePragma": false, | ||
| "semi": true, | ||
| "singleQuote": false, | ||
| "tabWidth": 2, | ||
| "trailingComma": "none", | ||
| "useTabs": false, | ||
| "vueIndentScriptAndStyle": false | ||
| } |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| <!DOCTYPE html> | ||
| <html style="font-size: 1.1vw" lang="ko"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta http-equiv="Permissions-Policy" content="interest-cohort=()" /> | ||
|
There was a problem hiding this comment. 머릿속에만 있는 내용들을 막상 꺼내려하니 어렵네요 ㅠㅠ 질문 감사드립니다!
There was a problem hiding this comment. meta 태그에 대해서 항상 공부해놓고 완벽하게 외우고 있을 필요는 없습니다! |
||
| <title>운전자 보험금 기다림 제로, zero car!</title> | ||
| <link rel="icon" href="./favicon.ico" /> | ||
| <link | ||
| href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css" | ||
| rel="stylesheet" | ||
| /> | ||
| <link rel="stylesheet" href="./public/css/style.css" /> | ||
| </head> | ||
| <body> | ||
| <div id="load"> | ||
| <img id="load-logo" src="./src/imgs/zero-car-logo.png" alt="zero-car" /> | ||
| <h1 id="load-title">Zero Car : <span>영 차!</span></h1> | ||
| </div> | ||
|
Comment on lines
+17
to
+20
There was a problem hiding this comment. 이게 적절한 로딩 방식인지 고민이 많았는데 다행이네요 감사합니다! |
||
|
|
||
| <h2 id="title">운전자 보험금 기다림 제로, Zero Car!</h2> | ||
|
|
||
| <form id="adminLoginForm"> | ||
| <input | ||
| id="adminIDInput" | ||
| type="text" | ||
| placeholder="관리자 아이디" | ||
| autocomplete="off" | ||
| required | ||
| /> | ||
| <input | ||
| id="adminPWInput" | ||
| type="password" | ||
| placeholder="관리자 비밀번호" | ||
| autocomplete="off" | ||
| required | ||
| /> | ||
| <input type="submit" value="로그인" /> | ||
| <p id="adminLoginCheck"></p> | ||
| </form> | ||
| </body> | ||
| <script defer src="./public/js/index.js"></script> | ||
| </html> | ||
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.
favicon 설정하면 따라다니는 manifest.json 을 빼놓을 수 없는데, 같이 공부해보시면 좋을 것 같습니다!
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.
트러블 슈팅에 공부한 내용을 간단하게 정리해 보았습니다!
타 부트캠프 수료생의 최종 프로젝트의 메인 주제가 PWA였는데, PWA의 최소한의 기술적 조건 중 하나가 manifest.json 라는 것도 알게되었습니다.
manifest.json 과 PWA.md