[React] 타이머 만들기 / Modal창 추가, jsconfig 절대경로 연결
·
Project/Timer Project
결과 이런저런 시도를 하는 중이라 디자인은 크게 건들지 않고 있다. 결과 설명 우선은 ● 버튼을 임시로 모달창이 나오게 하려 했는데, 클릭 후 이벤트를 어떤식으로 넘겨줘야 할지 고민 중이다. 제목을 적고 확인을 누르면 타이머 밑에 시간이 저장되고 무엇을 하며 시간을 보냈는지 기록하도록 할 것이다. 저장은 Firebase에 Firestore 기능을 이용할 예정이다. 최종적으로 시간을 기록하다가 ■ 버튼을 눌렀을 때 Firestore에 저장이 되고 화면에 출력되는 것이다. jsconfig 절대 경로 [ jsconfig.json ] { "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ] } 위 코드를 jsconfig.json 이름으로 저장하면 절대 경..
[JavaScript] import (상대경로 → 절대경로) path 설정 방법
·
JavaScript
절대 경로 설정 방법 프로젝트 최상위 폴더(root)에 jsconfig.json 파일을 추가한 뒤 아래 코드 입력 { "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ] } 경로 (Path) 문서, 파일, 그림 등의 위치 예) C:\Users\Someone\Desktop\Example 상대 경로 (Relative Path) 현재 위치를 기준으로 나타냄 상위 폴더, 하위 폴더, 현재 폴더 (동일한 Level)를 연결함 예) 상위 폴더 : ../디렉토리명/파일명 하위 폴더 : ./디렉토리명/파일명 현재 폴더 : ./파일명 import Home from '../routes/Home'; 절대 경로 (Absolute Path) 루트(root) 디렉토리를 ..