Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Mission5/김효리] Project_Notion_VanillaJs 과제 #53

Open
wants to merge 107 commits into
base: 4/#5_kimhyori
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 95 commits
Commits
Show all changes
107 commits
Select commit Hold shift + click to select a range
fdbc6c3
Chore: 초기 세팅
hyoribogo Jun 27, 2023
daba2d4
Feat: api.js 파일 생성 및 구현
hyoribogo Jun 27, 2023
fbbdb16
Docs: git 메시지 컨벤션 파일 추가
hyoribogo Jun 27, 2023
68b869a
Feat: 로컬 스토리지 파일 구현
hyoribogo Jun 27, 2023
f46aadf
Feat: 브라우저 타이틀 한글 적용
hyoribogo Jun 27, 2023
5a1c8d3
Refactor: api 함수 매개변수 변경
hyoribogo Jun 29, 2023
14d8063
Feat: 전체 documents 출력 구현
hyoribogo Jun 29, 2023
64b350d
Feat: 특정 Document의 content 조회 기능 구현
hyoribogo Jun 30, 2023
c36e1ad
Feat: Documents 리스트 이벤트 동작 변경
hyoribogo Jun 30, 2023
be86543
Feat: Document 생성 기능 구현
hyoribogo Jun 30, 2023
9f87376
Feat: content 하단에 하위 Document 리스트 추가
hyoribogo Jun 30, 2023
8feda70
Feat: Document 삭제 기능 구현
hyoribogo Jun 30, 2023
7502e32
Refactor: 추가 시 해당 document의 content 뜨도록 수정
hyoribogo Jun 30, 2023
b454460
Rename: components 폴더 이름 오타 수정
hyoribogo Jul 2, 2023
f5556a6
Feat: App.js 생성 및 NotionPage 코드 분리
hyoribogo Jul 3, 2023
8dc2846
Rename: 하위 문서 카멜 케이스로 이름 변경
hyoribogo Jul 3, 2023
71f3d64
Refactor: NotionPage 파일 삭제
hyoribogo Jul 3, 2023
39737bc
Refactor: 컴포넌트 폴더 분리
hyoribogo Jul 3, 2023
08351a1
Feat: 라우팅 구현
hyoribogo Jul 3, 2023
119c86a
Refactor: 컴포넌트 파일 재분리
hyoribogo Jul 3, 2023
ec31f98
Feat: Document 토글 기능 구현
hyoribogo Jul 3, 2023
1cd65b0
Feat: Document 리스트 삭제 버튼 추가
hyoribogo Jul 3, 2023
35d3e1a
Feat: document 추가 시 토글 기능 구현
hyoribogo Jul 3, 2023
86ec746
Refactor: 하단 추가 버튼 클릭 시 Toggle 이벤트 구현 방지
hyoribogo Jul 3, 2023
417655a
Refactor: 디렉토리 구조 적용
hyoribogo Jul 3, 2023
240df80
Refactor: Editor 세부 컴포넌트 분리
hyoribogo Jul 3, 2023
c48d7c0
Refactor: Sidebar 세부 컴포넌트 분리
hyoribogo Jul 3, 2023
6a05ec0
Rename: 컴포넌트 변수명 변경
hyoribogo Jul 3, 2023
776f889
Refactor: Router 파일 분리
hyoribogo Jul 3, 2023
5198fff
Refactor: fetchData 파일 분리
hyoribogo Jul 3, 2023
cbe8005
Feat: 404 페이지 구현
hyoribogo Jul 3, 2023
67e1da7
Feat: 404 응답 시 404 페이지 렌더링 구현
hyoribogo Jul 3, 2023
43c880b
Refactor: MainPage 컴포넌트 분리
hyoribogo Jul 3, 2023
fd241c5
Refactor: title 빈 값일 경우 placeholder로 뜨도록 변경
hyoribogo Jul 4, 2023
0dd0c5a
Refactor: Router 함수 변경
hyoribogo Jul 4, 2023
6eba870
Feat: Content 수정 기능 구현
hyoribogo Jul 4, 2023
78de8b0
Chore: prettier 설정 변경
hyoribogo Jul 4, 2023
ffd60ce
Style: prettier 변경 포맷 적용
hyoribogo Jul 4, 2023
08350c9
Feat: Content의 하위 문서 클릭 시 이동 구현
hyoribogo Jul 4, 2023
064d7b1
Rename: import한 라우터 함수 오타 수정
hyoribogo Jul 4, 2023
ad1f5d4
Rename: router 함수 이름 재변경
hyoribogo Jul 4, 2023
0500144
Chore: vercel spa 라우트 환경 설정
hyoribogo Jul 4, 2023
e664018
Rename: router 함수 이름 재재변경
hyoribogo Jul 4, 2023
f6af995
Chore: 배포 에러 뜨는 파일명 변경
hyoribogo Jul 4, 2023
70912af
Refactor: 하위 문서 클릭했을 때만 이벤트 동작하도록 변경
hyoribogo Jul 4, 2023
a795f92
Chore: 배포 사이트 렌더링 시 html 에러 수정
hyoribogo Jul 4, 2023
d02c3bc
Chore: 환경 변수 설정
hyoribogo Jul 4, 2023
d80e8b1
Refactor: 불필요한 api 요청 방지
hyoribogo Jul 5, 2023
2a435d7
Refactor: 배포 시 오브젝트 name 에러 수정
hyoribogo Jul 5, 2023
2529fe4
Refactor: popstate 이벤트 동작 구현
hyoribogo Jul 5, 2023
940f035
Refactor: dom 관련 util 함수 구현
hyoribogo Jul 5, 2023
931ea84
Refactor: Content 컴포넌트 비활성화 시 null 전달
hyoribogo Jul 5, 2023
91cc22d
Refactor: 컴포넌트 생성 함수 적용
hyoribogo Jul 5, 2023
b8fef5b
Refactor: html 템플릿 분리 및 적용
hyoribogo Jul 5, 2023
9e8c608
Refactor: 메인페이지 템플릿 파일 통합
hyoribogo Jul 5, 2023
b372f85
Refactor: 404 페이지 템플릿 적용
hyoribogo Jul 5, 2023
12f807a
Refactor: 이벤트마다 dom 유틸 함수 적용
hyoribogo Jul 5, 2023
959e9b4
Refactor: 이벤트 전달 함수 구현 및 적용
hyoribogo Jul 5, 2023
193c71e
Refactor: 불필요한 dom 렌더링 방지
hyoribogo Jul 6, 2023
a4851e0
Design: 아이콘 추가
hyoribogo Jul 6, 2023
be3ea27
Design: minireset.css 추가
hyoribogo Jul 6, 2023
467b647
Refactor: 토글 시 Documents 재렌더링 구현
hyoribogo Jul 6, 2023
c6e6d85
Refactor: Documents 리스트 html 구조 변경
hyoribogo Jul 6, 2023
4b229d9
Design: 아이콘 파일 수정
hyoribogo Jul 6, 2023
f2119f2
Design: minireset.css 수정
hyoribogo Jul 6, 2023
a86f30f
Refactor: content 작성 후 focus 유지
hyoribogo Jul 6, 2023
96bf64b
Refactor: 하위문서 depth 설정
hyoribogo Jul 6, 2023
685ef11
Design: css 디자인 적용
hyoribogo Jul 6, 2023
86b3cf0
Refactor: 타이틀 수정
hyoribogo Jul 6, 2023
c6f433c
Design: 에디터 높이 조정
hyoribogo Jul 6, 2023
db2143f
Refactor: 불필요한 태그 삭제
hyoribogo Jul 6, 2023
ad2c004
Design: title 말줄임 표시
hyoribogo Jul 6, 2023
951b8be
Refactor: 현재 위치하지 않은 게시물 삭제 시 editor 유지
hyoribogo Jul 8, 2023
4f4e351
Refactor: editor 수정 시 GET api 요청 삭제
hyoribogo Jul 8, 2023
ef94040
Refactor: title 낙관적 업데이트
hyoribogo Jul 8, 2023
e7d8949
Refactor: domain 폴더 생성 후 util 파일 재분리
hyoribogo Jul 8, 2023
13b6706
Refactor: 특정 문서 삭제 안되도록 방지
hyoribogo Jul 8, 2023
42cb457
Refactor: 루트 문서 수정 안되도록 방지
hyoribogo Jul 8, 2023
c46b5fb
Design: depth 관련 스타일 조정
hyoribogo Jul 8, 2023
bebf9ab
Feat: 404 페이지 구현
hyoribogo Jul 8, 2023
1cb7f7b
Test: 삭제, 수정 방지 콘솔 테스트
hyoribogo Jul 9, 2023
738c349
Test: vercel 환경변수 문자열 테스트
hyoribogo Jul 9, 2023
1891f45
Refactor: 보호 문서 env 재설정
hyoribogo Jul 9, 2023
d36edb0
Refactor: 루트 문서 적용
hyoribogo Jul 9, 2023
248f066
Refactor: 불필요한 주석 및 코드 제거
hyoribogo Jul 9, 2023
5b1d7fe
Refactor: 적절한 변수명 변경 및 상수 적용
hyoribogo Jul 9, 2023
5105664
Refactor: 라우팅 문제 해결
hyoribogo Jul 11, 2023
25a56fd
Refactor: fetchMainData와 updateState 용도에 맞게 분리
hyoribogo Jul 13, 2023
4c41058
Chore: eslint 설정 수정
hyoribogo Jul 13, 2023
edc81c0
Refactor: 불필요한 setState 함수 제거
hyoribogo Jul 13, 2023
0acb488
Feat: vaildation 검사 코드 추가
hyoribogo Jul 13, 2023
e73620b
Test: debounce, validation 테스트 코드 작성
hyoribogo Jul 13, 2023
b4b0d93
Refactor: validation 적용
hyoribogo Jul 14, 2023
18ae56d
Chore: babel 관련 설정 변경
hyoribogo Jul 14, 2023
30bee77
Remove: babelrc 파일 삭제
hyoribogo Jul 14, 2023
4efe2dc
Chore: description 축약
hyoribogo Jul 14, 2023
ef72eab
Refactor: 에러 메시지 상수 추가 및 적용
hyoribogo Jul 14, 2023
6f7a927
Refactor: 코드 수정사항 반영
hyoribogo Jul 14, 2023
889af9a
Refactor: debounce 함수 수정
hyoribogo Jul 14, 2023
a7da6a7
Chore: jest test module 사용을 위한 babel 재설치
hyoribogo Jul 14, 2023
4523951
Refactor: validation 함수 수정, 테스트 코드 수정
hyoribogo Jul 14, 2023
1e3e9fe
Refactor: debounce 함수 변경에 따른 테스트 코드 수정
hyoribogo Jul 14, 2023
9862e19
Refactor: url을 pathname으로 변경
hyoribogo Jul 14, 2023
bec7f11
Chore: vite target 브라우저별 버전 명시
hyoribogo Jul 14, 2023
0c0e80d
Chore: ecma 버전 하향
hyoribogo Jul 14, 2023
b7174ba
Chore: vite 빌드 브라우저 버전 수정
hyoribogo Jul 14, 2023
41b2c52
Refactor: 경로 검사 startsWith으로 변경
hyoribogo Jul 14, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"extends": ["eslint:recommended", "plugin:jest/recommended", "prettier"],
"plugins": ["jest"],
"parserOptions": {
"sourceType": "module",
"ecmaVersion": "latest"
},
"env": {
"browser": true,
"es2021": true,
"jest/globals": true
}
}
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
node_modules
dist
.env
31 changes: 31 additions & 0 deletions .gitmessage.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
#####################
# hyoribogo's Commit Message Template
#####################
# type와 subject은 대문자로 시작합니다.
# body과 footer는 선택 사항입니다.
#####################
# Feat: 새로운 기능 추가
# Fix: 버그 수정
# Docs: 문서 수정
# Design: 사용자 UI 디자인 변경 (CSS 등)
# Style: 코드 형식 수정 (세미콜론 누락 등, 코드 자체 변경 제외)
# Refactor: 코드 리팩토링 (코드 구조 재조정)
# Comment: 주석 추가 및 변경
# Rename: 파일, 폴더 이름 변경
# Remove: 파일, 폴더 삭제
# Test: 테스트 코드, 리펙토링 테스트 코드 추가
# Chore: 빌드 업무 수정, 패키지 매니저 수정
#####################
# type : subject

#####################

#####################
# body

#####################

#####################
# footer

#####################
11 changes: 11 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"semi": false,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "all",
"printWidth": 80,
"arrowParens": "always",
"bracketSpacing": true,
"bracketSameLine": false,
"formatOnSave": true
}
11 changes: 11 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<html>
<head>
<meta charset="utf-8" />
<title>효리의 노션 클로닝 사이트</title>
<link rel="stylesheet" type="text/css" href="/styles/style.css" />
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

스타일을 js 내에서 import 하는 방식도 고려하면 좋을 것 같습니다

</head>
<body>
<main id="app"></main>
<script src="/src/index.js" type="module"></script>
</body>
</html>
Loading