diff --git a/.gitignore b/.gitignore
index 4d29575..532eddc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,5 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*
+
+.env
\ No newline at end of file
diff --git a/public/dumy/test.json b/public/dumy/test.json
new file mode 100644
index 0000000..d81b5df
--- /dev/null
+++ b/public/dumy/test.json
@@ -0,0 +1,457 @@
+{
+ "schema": {
+ "fields": [
+ { "name": "index", "type": "integer" },
+ { "name": "날짜", "type": "string" },
+ { "name": "K", "type": "string" },
+ { "name": "P", "type": "string" },
+ { "name": "T", "type": "string" }
+ ],
+ "primaryKey": ["index"],
+ "pandas_version": "1.4.0"
+ },
+ "data": [
+ {
+ "index": 0,
+ "날짜": "2023년 10월 17일",
+ "K": "대회 리더보드 MAE 점수가 꾸준히 감소하고 있다 앞으로도 화이팅",
+ "P": "데이터 전처리가 너무 어렵고 각 피쳐의 중요도를 확인하는 것이 힘들다 하이퍼파라미터 튜닝을 하고 있는데 생각보다 성능이 크게 오르지 않아서 어렵다",
+ "T": "Xgboost 나 Catboost 같은 모델들도 함께 학습시켜서 성능을 비교해보고 그래도 이상하면 데이터를 다시 전처리해줘야할 것 같다"
+ },
+ {
+ "index": 1,
+ "날짜": "2023년 10월 18일",
+ "K": "오늘 데이콘 점수가 꾸준하게 올랐다",
+ "P": "피쳐 엔지니어링과 전공 언어 시험 너무 어렵다",
+ "T": "내일은 아침에 일찍 일어나서 시험공부 해야지 "
+ },
+ {
+ "index": 2,
+ "날짜": "2023년 10월 19일",
+ "K": "대회 점수 꾸준히 향상 중 ",
+ "P": "이상치 처리와 결측치를 채우는 것이 아직 많이 어렵다 뭘 해도 점수가 아주 미묘하게 차이가 나서 어떻게 공부를 해야할 지 모르겠다",
+ "T": "분포를 일정하게 맞춰주고 사분위수로 범위를 쪼개주는 방법이나 아웃라이어를 어느정도로 잡을지 논의해봐야겠다"
+ },
+ {
+ "index": 3,
+ "날짜": "2023년 10월 20일",
+ "K": "범주형 데이터 인코딩으로 성능을 향상시켜줄 수 있는 방법을 새로 알게 되었다",
+ "P": "과적합이 발생한 것으로 판단되는 점수가 나와서 가중치를 부여해서 과적합을 어느정도 방지해줄 수 있는 Mestimator encoding 라는 방법을 알게 되었다",
+ "T": "코드 돌려보고 결과가 향상된다면 튜닝까지 해볼 예정이다"
+ },
+ {
+ "index": 4,
+ "날짜": "2023년 10월 21일",
+ "K": "변수 선택법을 적용한 후 선택된 피쳐로 학습시켜본 후 이전 결과와 비교해볼 수 있었다",
+ "P": "RFE와 RFECV를 적용했을 때 반환된 변수들을 가지고 모델을 돌렸는데 생각했던 것 만큼 유의미한 결과가 있지는 않았다 오히려 변수 선택을 하기 위해 코드를 돌리는 시간이 아주 오래걸려서 여러번 실험하기 어려웠다",
+ "T": "변수 중요도를 판단해서 우리가 직접 제거해준 모델의 스코어가 더 좋게 나와서 상당히 아이러니한"
+ },
+ {
+ "index": 5,
+ "날짜": "2023년 10월 22일",
+ "K": "결측치 코드를 수정한 파일을 제출했더니 성능이 또 올랐다 ",
+ "P": "데이터 자체를 조금 더 변형을 시켜줘야할 듯 하다 점수가 찔끔찔끔 올라서 속터지는 중 ",
+ "T": "범주화나 국가 네임을 좀 통일시켜줄 필요가 있을 듯"
+ },
+ {
+ "index": 6,
+ "날짜": "2023년 10월 23일",
+ "K": "회귀 모델들을 가지고 앙상블하여 각 모델 별로 예측값에 가중치를 매기는 배깅 방식에 대해 알게 되었다",
+ "P": "예측 함수를 잘못 짜고 있는 건지 점수가 아예 안나와서 어이가 없ㄷㅏ",
+ "T": "일단 이것만 해결하고 TIL을 작성해보도록 하겠다"
+ },
+ {
+ "index": 7,
+ "날짜": "2023년 10월 24일",
+ "K": "부스팅으로 배깅을 적용하려다가 장렬하게 실패했다 하지만 xgboost의 원리에 대해 공부할 수 있게 되었다",
+ "P": "베트남어 독해를 확실하게 통과하려면 단어를 많이 알아야하는데 단어 외우기가 너무 힘들다",
+ "T": "금요일까지 베트남어 독해만 빡세게 봐야겠다"
+ },
+ {
+ "index": 8,
+ "날짜": "2023년 10월 25일",
+ "K": "딥러닝으로 회귀 예측 모델을 구성하는 방법을 적용해보았는데 손실함수를 잘못 정의해서 성능이 삑사리났다 시도는 좋았다 ",
+ "P": "수업 취업 상담 경진대회 회의로 많은 공부를 하진 못했다",
+ "T": "내일은 졸시 공부만 미친듯이 할 예정이다"
+ },
+ { "index": 9, "날짜": "2023년 10월 26일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 10,
+ "날짜": "2023년 10월 27일",
+ "K": "4년만에 다시 시작한 베어공부 너무나도 어려웠지만 나름 잘 봤다 ",
+ "P": "듣기 화자 구분이 잘 안되고 단어 헷갈리는게 너무 많았다",
+ "T": "3차까지 가진 않겠지 혹시 모르니 다음주까지는 꾸준히 벹어 듣기랑 독해를 하나씩 해둬야겠다"
+ },
+ {
+ "index": 11,
+ "날짜": "2023년 10월 28일",
+ "K": "목적함수를 정의하는 코드를 좀 더 수월하게 짜볼 수 있었다",
+ "P": "Xgboost 하이퍼파라미터에 대해 아직 잘 모르는 부분이 많은 것 같아서 공부를 더 해야겠다",
+ "T": "딥러닝으로도 학습시킬 수 있는 방법이 있던데 이것도 한번 시도해보고 성능 비교를 해봐야겠다"
+ },
+ { "index": 12, "날짜": "2023년 10월 29일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 13,
+ "날짜": "2023년 10월 30일",
+ "K": "데이콘이 잘 마무리되었다 등수는 많이 못올렸지만 private 점수가 public보다 잘나온걸 보니 과적합은 발생하지 않았던 것 같아 뿌듯하다",
+ "P": "졸시 3차 당첨 내일부터 3일간 듣기만 열심히 봐야겠다 이번엔 통과해야하는데 ",
+ "T": "내일부터 단어를 조금 많이 외워볼 것 같다 이래도 안되면 걍 던지고 취업을 해야겠다"
+ },
+ {
+ "index": 14,
+ "날짜": "2023년 10월 31일",
+ "K": "오늘 고등학교 교육 보조알바를 했는데 수업 내용 중 머신러닝을 내신에 딥러닝을 수능에 비유한 것이 참신하게 와닿았다 나도 무언가 설명할 때 보편적인 언어로 쉽게 설명할 수 있도록 해야겠다",
+ "P": "학교 일까지 겹쳐 귀가를 하니 10시였다 졸시가 듣기가 점수가 모자라서 듣기를 2시간 정도 들었다 이정도면 걍 베트남가서 시험치고오는게 더 빠를거같다 졸업 시켜줘",
+ "T": "일 끝나자마자 서점가서 FLEX교재 사고 오늘 내일 전부 1회독해서 졸시 꼭 통과를 해야겠다"
+ },
+ { "index": 15, "날짜": "2023년 11월 01일", "K": "-", "P": "-", "T": "-" },
+ { "index": 16, "날짜": "2023년 11월 02일", "K": "-", "P": "-", "T": "-" },
+ { "index": 17, "날짜": "2023년 11월 03일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 18,
+ "날짜": "2023년 11월 04일",
+ "K": "잘 해와서 유지하고 싶은 것",
+ "P": "어려움을 느껴서 개선하고 싶은 것",
+ "T": "구체적인 시도할 내용"
+ },
+ {
+ "index": 19,
+ "날짜": "2023년 11월 05일",
+ "K": "12시간동안 앉아서 팀원들과 함께 공모전을 무사히 끝냈다 데이터를 사용한 이",
+ "P": "-",
+ "T": "-"
+ },
+ {
+ "index": 20,
+ "날짜": "2023년 11월 06일",
+ "K": "시험과 해커톤과 발표 과제들이 모두 오늘 하루에 다 끝났다 무사히 잘 마무리할 수 있도록 이끌어주고 많이 도와준 팀원들 덕분이다 발표가 오늘 하루 두 개나 있었는데 아침부터 시간 분배 잘 해서 두개 다 잘 마무리했다 gdsc 11월 정기회고 멋쟁이에 선정되어 기쁘다 ",
+ "P": "갑자기 할일들이 한꺼번에 사라져서 잠깐 번아웃이 왔다 오랜만에 학교 동아리 사람들 만나서 이야기하고 다시 마음을 다잡고왔다 내면의 불안을 잘 다스리도록 하자 오늘은 자정 전 칼취침하기",
+ "T": "코딩테스트를 슬슬 준비해야하고 정보처리기사와 SQLD를 슬슬 알아봐야겠다"
+ },
+ { "index": 21, "날짜": "2023년 11월 07일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 22,
+ "날짜": "2023년 11월 08일",
+ "K": "8월 내 취업을 목표로 코딩테스트 준비를 시작했다 프로그래머스 쉬운 문제를 1015개 정도 해결하고 PY4E 코칭스터디 내용을 복습하면서 파이썬에 대한 복습을 했다",
+ "P": "어려운 문제를 안 푼지 1년 정도가 지나서 입문부터 새롭게 시작했다 문제에서 무엇을 원하는지 파악은 할 수 있었지만 생각을 코드로 옮기는게 힘들었다 다음주부터는 파이썬 코테 교재를 따라 문제를 풀어봐야겠다",
+ "T": "코딩테스트 준비와 졸작"
+ },
+ {
+ "index": 23,
+ "날짜": "2023년 11월 09일",
+ "K": "알고리즘 문제를 풀고 졸업 작품 제출을 위해 예전에 간단하게 했었던 마스크 분류 모델 예제 코드를 다시 뜯어보았다",
+ "P": "데이터셋이 모자라서 예측 성능이 매우 좋지 않다 조금 보완해줄지 그냥 제출할지 매우 고민이 된다",
+ "T": "내일 streamlit페이지까지만 만들고 모델 성능을 올릴 수 있는 방법들을 찾아봐야겠다"
+ },
+ {
+ "index": 24,
+ "날짜": "2023년 11월 10일",
+ "K": "국민취업지원제도 담당선생님 추천으로 이번달 채용공고를 하나 받았다 2월 졸업을 목표로 최대한 무난한 곳에 입사를 해야해서 이력서를 급하게 하나 작성하고 포트폴리오를 정리했다 면접 연습도 할 겸 열심히 부산 지역에 돌려봐야겠다",
+ "P": "프로젝트가 완전히 정리가 다 안된 것 같다 보고서 한번 더 살펴보면서 핵심 로직과 구현 과정 어려움 회고 등을 다시 한번 깔끔하게 정리를 해야겠다",
+ "T": "졸업작품제안서 완성하고 다음주 발표자료 준비해야겠다"
+ },
+ {
+ "index": 25,
+ "날짜": "2023년 11월 11일",
+ "K": "KDS 본선에 진출하게 되었다 예선 때 준비가 부족했던 가설 부분들을 보완할 아이디어를 찾아보았고 통계적 지식들을 복습하였다 간단하게 마스크 분류 모델을 만들어 Streamlit으로 직접 이미지를 업로드해서 결과를 볼 수 있는 페이지를 만들었다 졸업작품으로 내버릴거라 사전학습된 모델로 간단하게 학습시켰는데 마스크가 있는지 없는지를 판단하기 위해 이미지 전처리를 어떻게 해야할지에 대한 궁금증이 생겨 이것저것 찾아보게 되었다 개체 인식이나 이미지 증강법에 대해 간단한 지식을 얻게 되었다",
+ "P": "배경이 하얀색이거나 안경을 쓴 인물 사진의 경우 마스크 착용 여부를 제대로 예측하지 못하는 것으로 보인다 얼굴에 이물질이 있는 경우에 이 부분을 어떻게 처리를 해줘야할지 모르겠다",
+ "T": "졸작과 해커톤 이후에 이 부분에 대한 공부를 한번 해봐야겠다 일단은 급한 것 부터 마무리하자"
+ },
+ { "index": 26, "날짜": "2023년 11월 12일", "K": "-", "P": "-", "T": "-" },
+ { "index": 27, "날짜": "2023년 11월 13일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 28,
+ "날짜": "2023년 11월 14일",
+ "K": "병렬 처리의 필요성과 Ray 라이브러리에 대해 새롭게 알게 되었다 기존에 알던 멀티프로세싱보다 좀 더 빠르고 효율적이며 머신러닝 최적화에도 적합하다고 한다",
+ "P": "요즘 전공과목 발표 과제가 한 주에 12개씩 몰려있다보니 루틴이 붕괴될 위기다",
+ "T": "이번주 일요일 회의 전까지 통계 머신러닝 복습하기"
+ },
+ {
+ "index": 29,
+ "날짜": "2023년 11월 15일",
+ "K": "이것이 코딩테스트다 교재를 참고하여 매일 알고리즘 공부를 1시간 이상 투자하기로 마음먹었다",
+ "P": "숨바꼭질 3을 bfs로 풀어보려다 시간 초과를 해결하지 못했다",
+ "T": "다익스트라 최단경로 알고리즘을 공부하고 관련 문제들을 풀어봐야겠다"
+ },
+ { "index": 30, "날짜": "2023년 11월 17일", "K": "-", "P": "-", "T": "-" },
+ { "index": 31, "날짜": "2023년 11월 18일", "K": "-", "P": "-", "T": "-" },
+ { "index": 32, "날짜": "2023년 11월 19일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 33,
+ "날짜": "2023년 11월 20일",
+ "K": "주전공이지만 교양 쌓는다는 셈치고 동남아 역사 과목을 오늘 조금 열심히 챙겨들었다 지역학 수업 들으면서 부산 지역의 고령화 현상의 원인에 대해 알게 되었고 해커톤 아이디어를 어느 정도 얻을 수 있었다",
+ "P": "무언가 새로운 공부를 할 시간이 없어서 TIL을 작성하지 못하고 있다 발표 자료라도 업로드를 해야할까",
+ "T": "24일에 쓸 회고 자료와 길벗 도서 리뷰를 미리 해두고 데이터 시각화와 인사이트 발굴에 힘쓸 예정이다 알고리즘 공부하면서 틈틈히 노트를 작성해두어야겠다"
+ },
+ { "index": 34, "날짜": "2023년 11월 21일", "K": "-", "P": "-", "T": "-" },
+ { "index": 35, "날짜": "2023년 11월 22일", "K": "-", "P": "-", "T": "-" },
+ { "index": 36, "날짜": "2023년 11월 23일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 37,
+ "날짜": "2023년 11월 24일",
+ "K": "오늘 수업도 듣고 대회 준비 조별과제 스터디 회고 자료와 2번의 회고를 마쳤다 아주 바쁜 하루를 야무지게 보냈다",
+ "P": "-",
+ "T": "-"
+ },
+ {
+ "index": 38,
+ "날짜": "2023년 11월 25일",
+ "K": "하루종일 회의만 했다 독립변수를 여러 개 두고 시계열 예측모형을 만들기 위해 ARIMAX 모델을 사용하기로 결정하였다 어느 정도 프로젝트가 진행되고 있는 것 같다",
+ "P": "배경과 계산 로직이 아직 모자라다 데이터셋 양도 너무 적다 선행 연구 자료들과 내용이 겹치는 부분도 있어서 어떤 차별점을 둘 지 생각해보아야한다",
+ "T": "프로젝트 마감 열심히 하기"
+ },
+ {
+ "index": 39,
+ "날짜": "2023년 11월 26일",
+ "K": "대회 데이터 셋 엔지니어링을 어느정도 완성을 했고 이제 시각화를 통해 근거 자료로 사용할 수 있는지 검증하고 데이터가 통계적으로도 설명력을 가지는 데이터인지 검증하는 일만 남았다",
+ "P": "시계열 데이터와 다중 회귀 모델의 동작 원리에 대해 잘 이해하지 못했는데 오늘 그 차이를 명확하게 짚고 넘어갈 수 있었다 오늘 집중력이 많이 떨어져 회의하면서 게으름을 많이 피웠는데 서울 가서는 조금 집중해서 타이트하게 일정을 잘 마무리하고 올 수 있도록 해야겠다",
+ "T": "-"
+ },
+ { "index": 40, "날짜": "2023년 11월 27일", "K": "-", "P": "-", "T": "-" },
+ { "index": 41, "날짜": "2023년 11월 28일", "K": "-", "P": "-", "T": "-" },
+ { "index": 42, "날짜": "2023년 11월 29일", "K": "-", "P": "-", "T": "-" },
+ { "index": 43, "날짜": "2023년 11월 30일", "K": "-", "P": "-", "T": "-" },
+ { "index": 44, "날짜": "2023년 12월 01일", "K": "-", "P": "-", "T": "-" },
+ { "index": 45, "날짜": "2023년 12월 02일", "K": "-", "P": "-", "T": "-" },
+ { "index": 46, "날짜": "2023년 12월 03일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 47,
+ "날짜": "2023년 12월 04일",
+ "K": "지난주 윗동네 다녀오면서 빠진 진도와 미뤄둔 것들 손 놓고 있던 것들을 하나하나 정리하고 있다 TIL이 많이 밀려있는데 이부분은 간간히 공부해서 내용을 채워놔야겠다 통계학과 수학에 대한 공부의 필요성을 많이 느끼는 요즘이다",
+ "P": "취업 준비에 시동을 걸고 있는데 기사 자격증이 하나도 없어서 이 부분에 대한 계획도 세워야겠다 할게 너무 많다",
+ "T": "내일 발표만 끝내고 바로 기말고사 공부를 할 것"
+ },
+ { "index": 48, "날짜": "2023년 12월 05일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 49,
+ "날짜": "2023년 12월 06일",
+ "K": "기말고사 일정이 모두 확정이 되어 마음 편히 공부를 할 수 있었다",
+ "P": "-",
+ "T": "-"
+ },
+ { "index": 50, "날짜": "2023년 12월 07일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 51,
+ "날짜": "2023년 12월 08일",
+ "K": "잘 해와서 유지하고 싶은 것",
+ "P": "어려움을 느껴서 개선하고 싶은 것",
+ "T": "구체적인 시도할 내용"
+ },
+ {
+ "index": 52,
+ "날짜": "2023년 12월 09일",
+ "K": "개발을 직접적으로 하고 있지는 않지만 카페위드에서 진행하는 2023 개발자 연말파티 행사에 참여하였다 강연 세션 중 회고를 어떻게 할 수 있는가 라는 주제가 연말에 듣기에 괜찮을 것 같아서 한번 신청해보았다 개발자와 기획자가 소통하는 방법에서 요구사항을 어떻게 정확하게 전달하는 방법과 우울감에 빠지지 않는 회고 방법을 배우게 되어 뜻깊은 시간이 되었다",
+ "P": "학생보다는 현직 개발자분들이 더 많이 계셨는데 더 적극적으로 소통을 하려고 하지 못했다",
+ "T": "대학교를 졸업하는 취업에 막 뛰어드는 참에 그리고 해커톤에서 쓴 맛을 맛본 나에게 아주 큰 도움이 되었던 강연이었다 잘 적용을 해야겠다"
+ },
+ { "index": 53, "날짜": "2023년 12월 10일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 54,
+ "날짜": "2023년 12월 11일",
+ "K": "3과목이 종강을 했고 기말 보고서도 무사히 제출하였다 오늘 계획한 일들도 무사히 다 마무리했다",
+ "P": "저녁 시간에 시간을 더 내서 공부를 하고 싶었는데 피곤함을 이기지 못하고 집에 가자마자 게임하다가 잠이 들었다 해커톤 때부터 공부해야할 내용들 복습할 내용들이 정말 많은데 계획을 세워서 공부를 시도조차 못하고 있다 한 해가 다 지나가고 있는데 조금 더 부지런하게 깔끔하게 연말을 마무리하고 싶다",
+ "T": "밥을 적게 먹고 많이 움직이기"
+ },
+ {
+ "index": 55,
+ "날짜": "2023년 12월 12일",
+ "K": "시험 두개 치고 SQL 특강을 들었다",
+ "P": "당일에 세미나 후기를 쓸려고 했는데 귀차니즘으로 미루었다",
+ "T": "베트남어 시험 준비를 해야 한다"
+ },
+ { "index": 56, "날짜": "2023년 12월 13일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 57,
+ "날짜": "2023년 12월 15일",
+ "K": "잘 해와서 유지하고 싶은 것",
+ "P": "어려움을 느껴서 개선하고 싶은 것",
+ "T": "구체적인 시도할 내용"
+ },
+ { "index": 58, "날짜": "2023년 12월 16일", "K": "-", "P": "-", "T": "-" },
+ { "index": 59, "날짜": "2023년 12월 17일", "K": "-", "P": "-", "T": "-" },
+ { "index": 60, "날짜": "2023년 12월 18일", "K": "-", "P": "-", "T": "-" },
+ { "index": 61, "날짜": "2023년 12월 19일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 62,
+ "날짜": "2023년 12월 20일",
+ "K": "마지막 시험 대비와 간단하게 지켜오던 루틴들을 미루지 않고 모두 해냈다",
+ "P": "절대평가로 바뀌는 바람에 다른 공부를 건드리지도 못하고 있어서 원래 하던 공부들이 머릿속에서 다 증발했을까봐 겁이 났다",
+ "T": "마지막 시험 잘 끝내고 12월 말과 1월달을 어떻게 알차게 보낼지 계획 짜기 운동도 추가"
+ },
+ { "index": 63, "날짜": "2023년 12월 21일", "K": "-", "P": "-", "T": "-" },
+ { "index": 64, "날짜": "2023년 12월 22일", "K": "-", "P": "-", "T": "-" },
+ { "index": 65, "날짜": "2023년 12월 23일", "K": "-", "P": "-", "T": "-" },
+ { "index": 66, "날짜": "2023년 12월 24일", "K": "-", "P": "-", "T": "-" },
+ { "index": 67, "날짜": "2023년 12월 25일", "K": "-", "P": "-", "T": "-" },
+ { "index": 68, "날짜": "2023년 12월 26일", "K": "-", "P": "-", "T": "-" },
+ { "index": 69, "날짜": "2023년 12월 27일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 70,
+ "날짜": "2023년 12월 28일",
+ "K": "SQL의 기본 SELECT 구문을 어느 정도 익혔다",
+ "P": "아직 의사코드대로 쿼리를 짜는게 익숙하지 않아서 연습이 더 많이 필요해보임",
+ "T": "함수 NULL값 처리 테이블 병합에 대해 따로 정리해두고 복습하기"
+ },
+ {
+ "index": 71,
+ "날짜": "2023년 12월 29일",
+ "K": "SQL 문제집 하나씩 뿌시고있다 작심삼일까지 하루가 남았지만 상당히 순조롭게 공부를 하는 중 ",
+ "P": "하루종일 잠자고 밤에 할일을 시작해서 TIL을 쓰기가 상당히 귀찮았다",
+ "T": "약속시간 전에 백준과 TIL 복습까지 야무지게 해놓고 나가기"
+ },
+ { "index": 72, "날짜": "2023년 12월 30일", "K": "-", "P": "-", "T": "-" },
+ { "index": 73, "날짜": "2023년 12월 31일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 74,
+ "날짜": "2024년 01월 01일",
+ "K": "알고리즘 코드 리뷰 스터디가 시작되었다 학교 후배님과 같이 깃 데스크톱 사용법을 공부했다 PR 첫 스타트를 무사히 끊어서 뿌듯하다",
+ "P": "아침에 일찍 일어나려고 했지만 실패했다",
+ "T": "9시 기상 도전 "
+ },
+ {
+ "index": 75,
+ "날짜": "2024년 01월 02일",
+ "K": "오전 9시에 일어나서 나름대로 계획적인 삶을 산 것 같다 ",
+ "P": "코드 설명 달 때 주석도 꼼꼼하게 챙겨서 달아야겠다",
+ "T": "SQL도 빼먹지말고 못해도 한 문제씩 풀기"
+ },
+ {
+ "index": 76,
+ "날짜": "2024년 01월 03일",
+ "K": "갑작스러운 동생과의 술약속으로 강의만 듣고 땡 해버렸다 ",
+ "P": "-",
+ "T": "-"
+ },
+ {
+ "index": 77,
+ "날짜": "2024년 01월 04일",
+ "K": "깃의 악랄함을 새삼스레 느끼게 되었다 실수로 1회차 브런치에 커밋을 남겼고 이를 돌리기 위해 많은 시행착오를 겪었다 깃허브의 commit을 원하는 위치로 되돌리고 origin branch에 적용하는 방법을 알게 되었다",
+ "P": "이력서 정리하는거 너무 힘들다 하기싫다",
+ "T": "블로그 쓸데없는 글들 정리 프로젝트 회고록 정리 멋사 미드 프로젝트 핵심 요약 자료 완성"
+ },
+ { "index": 78, "날짜": "2024년 01월 05일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 79,
+ "날짜": "2024년 01월 06일",
+ "K": "-",
+ "P": "해야할 것들만 하고 친구랑 카스글옵하러갔다 상당히 게으른 주말의 시작 ",
+ "T": "-"
+ },
+ {
+ "index": 80,
+ "날짜": "2024년 01월 07일",
+ "K": "기업별로 요구하는 자소서 문항과 포폴 양식이 달라서 입맛에 맞게 바꾸느라 애를 먹고 있지만 여태껏 해온 것들이 있어서 그런가 막막하지는 않은데 상당히 귀찮다 뿌 듯",
+ "P": "주말이라 집중이 잘 안돼서 공부를 널널하게 했다 카스 글옵 2를 시작하게 됐는데 생각보다 꿀잼이라서 시간 루팡당했다 이런날도 있는거지 ",
+ "T": "프로젝트별로 기여한 부분 고민했던 부분들 개선한 부분들을 기준으로 문장에 어필하기 깃 PR 리뷰 남기기 다음 주는 LG AImers 강의 모듈 2번 4번 복습할 예정"
+ },
+ { "index": 81, "날짜": "2024년 01월 08일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 82,
+ "날짜": "2024년 01월 09일",
+ "K": "자기소개서 다 썼다 포트폴리오도 핵심적인 내용은 일단 다 담았는데 프로젝트 외적으로 기여한 부분을 얼마나 담는게 좋을지 고민 그리고 프로젝트 PPT를 쓸까말까도 고민중 ",
+ "P": "게임 너무 재미있다 ",
+ "T": "AImers 강의 언제 복습하지"
+ },
+ {
+ "index": 83,
+ "날짜": "2024년 01월 10일",
+ "K": "입사 지원까지 이제 진짜 얼마 남지 않았다 내일까지 빠이팅 ",
+ "P": "프로젝트 노션을 다시 읽어보는데 읽을 때마다 내용이 중구난방이고 난잡해서 정리가 필요할 듯 TMI를 줄이고 핵심만 담기",
+ "T": "프로젝트 노션 및 깃허브 내용 간소화 포폴 수정 알고리드미 PR 남기기"
+ },
+ { "index": 84, "날짜": "2024년 01월 11일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 85,
+ "날짜": "2024년 01월 12일",
+ "K": "아침 8시 미라클모닝 11시 입사지원 그리고 3시간 낮잠꿀잠",
+ "P": "작심하루를 눈으로 직접 보니 충격이 크네요 세상에",
+ "T": "이력서에 있었고 했다 문장들 싹다 분리하기 한 문장씩 삭제하기 코드리뷰 한건더 해야함문제풀어봐야함"
+ },
+ {
+ "index": 86,
+ "날짜": "2024년 01월 13일",
+ "K": "개인 루틴 빠지지 않고 잘 챙기는 나 칭찬해",
+ "P": "그침환 기본 루틴 달성 이외에는 별다른 공부를 하지 않았다는 것 매우 아쉽",
+ "T": "이력서 자기소개서 수정하고 머신러닝 개념 복습하기"
+ },
+ {
+ "index": 87,
+ "날짜": "2024년 01월 14일",
+ "K": "파이썬은 정말 공부를 해도 해도 끝이 없다 사용 요령이 정말 많은 듯",
+ "P": "면접 준비도 같이 해야할 것 같은데 어떻게 시작을 해야할지 모르겠다 통계 복습들을 다시 천천히 해야겠다 AImers 강의 다시 제대로 쭉 듣기",
+ "T": "정수론을 한번 깊게 공부해볼까 "
+ },
+ {
+ "index": 88,
+ "날짜": "2024년 01월 15일",
+ "K": "멋부캠 동기들과 오랜만에 근황 체크할 겸 놀았다미국에서 건너 온 천연기념물과 우리 멘토의 최신 기술 동향 토크를 옆에서 직관했다",
+ "P": "영어 표현들은 어깨너머로 정말 많이 들어서 알고는 있는데 어떤 상황에서 어떤 뉘앙스로 어떤 표현으로 해야할지를 몰라서 진짜 많이 버벅였다 ㅎㅎ 파파고에 있는 말 고대로 따라 읽음외국인이랑 영어 단어로 말하기 다음에는 문장을 말할 수 있도록 ",
+ "T": "노트북 강제 침수 이슈로 무서워서 전기 충전조차 하지 않았다 내일부터는 공부를 다시 빡시게 할 것 돈도 모아야 하는 "
+ },
+ {
+ "index": 89,
+ "날짜": "2024년 01월 16일",
+ "K": "수면시간의 중요성을 깨달았다 이틀동안 7시간밖에 못잔듯 하루종일 자고 하루를 다 보냈다",
+ "P": "하루가 삭제됐다",
+ "T": "내일 또 다시 갓생 "
+ },
+ { "index": 90, "날짜": "2024년 01월 17일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 91,
+ "날짜": "2024년 01월 18일",
+ "K": "-",
+ "P": "갑작스레 잡힌 면접 일정으로 멘탈이 바사삭당했다",
+ "T": "-"
+ },
+ {
+ "index": 92,
+ "날짜": "2024년 01월 19일",
+ "K": "회의를 속전속결로 진행하는 방법",
+ "P": "슬슬 또 벌인 일들을 수습을 할 수 없을 지경에 이르러가는 것 같다 내 능력을 열심히 키우자",
+ "T": "솔챌톤 일정 조정 데이터 수집 및 전처리 포폴 프로젝트 리뷰"
+ },
+ { "index": 93, "날짜": "2024년 01월 20일", "K": "-", "P": "-", "T": "-" },
+ { "index": 94, "날짜": "2024년 01월 21일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 95,
+ "날짜": "2024년 01월 22일",
+ "K": "SQL GROUP BY IS NULL 까지 모두 해결하고 CASE THEN END IF SET 서브쿼리 JOIN까지 간단하게 찍먹했다 불태웠다",
+ "P": "알고리드미를 SQL로 작성해야할 판 너무 일을 많이 벌렸나 싶기도 하고 상당히 빡센 하루를 보냈다 모의면접을 봤는데 생각보다 생각 정리가 안되고 말이 안만들어지고 내 경험에 목적성이 하나도 안담겨서 슬펐다 많이 혼났다 면접 한 10번은 봐야 익숙해질듯 ",
+ "T": "SQL JOIN 부터 마지막 문제집까지 다 해결하기 블로그에 문제풀이과정 작성하면서 복습 1분 자기소개 달달 연습하기"
+ },
+ { "index": 96, "날짜": "2024년 01월 23일", "K": "-", "P": "-", "T": "-" },
+ { "index": 97, "날짜": "2024년 01월 24일", "K": "-", "P": "-", "T": "-" },
+ { "index": 98, "날짜": "2024년 01월 25일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 99,
+ "날짜": "2024년 01월 26일",
+ "K": "코테 5문제 중 5문제 출력결과물 상 해결 ",
+ "P": "시간 너무 빠듯 ㅠㅠ",
+ "T": "미래사회 아이디어 일요일까지 집중해서 마무리"
+ },
+ { "index": 100, "날짜": "2024년 01월 27일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 101,
+ "날짜": "2024년 01월 28일",
+ "K": "포항에서 밤 10시 새벼 3시반 돌아와서 6시 11시 자체 해커톤 수행한 느낌 ㄷㄷㄷ",
+ "P": "데이터 분석에 클러스터링과 회귀분석 결과 보고를 추가했는데 요 부분에 대한 설명이 많이 모자랐던 것 같다",
+ "T": "혹시 모를 1차합격에 대비해서 공부 빠삭하게 해두고 공공데이터 추가할 부분 찾기"
+ },
+ {
+ "index": 102,
+ "날짜": "2024년 01월 29일",
+ "K": "할일을 야무지게 다 했다",
+ "P": "14시간을 자버렸다 WOW 쉬었으니 다시 달려볼시간 회고록도 조만간 써야겠다 ",
+ "T": "KoBERT 활용 다중감정분류모델 공부 AImers ML 강의 복습 코드 설명 달기 "
+ },
+ { "index": 103, "날짜": "2024년 01월 30일", "K": "-", "P": "-", "T": "-" },
+ { "index": 104, "날짜": "2024년 01월 31일", "K": "-", "P": "-", "T": "-" },
+ {
+ "index": 105,
+ "날짜": "2024년 02월 01일",
+ "K": "-",
+ "P": "-",
+ "T": "파이썬에 대한 깊은 공부 대회 데이터 EDA 시작"
+ }
+ ]
+}
diff --git a/public/dumy/wiseSaying.json b/public/dumy/wiseSaying.json
new file mode 100644
index 0000000..2362ab3
--- /dev/null
+++ b/public/dumy/wiseSaying.json
@@ -0,0 +1,4 @@
+{
+ "txt": "명언의 최대 길이는 몇자까지 하려나요 3줄 이상 나오면 꽤 별로 일 것 같은데",
+ "author": "서예린"
+}
diff --git a/public/medal.png b/public/medal.png
new file mode 100644
index 0000000..9914f47
Binary files /dev/null and b/public/medal.png differ
diff --git a/src/components/CollectPersonalData/TermsBox.jsx b/src/components/CollectPersonalData/TermsBox.jsx
index 9262674..cd7cfe4 100644
--- a/src/components/CollectPersonalData/TermsBox.jsx
+++ b/src/components/CollectPersonalData/TermsBox.jsx
@@ -1,6 +1,6 @@
import { useContext, useEffect } from "react";
import Terms from "../common/Terms";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
import styled from "styled-components";
export default function TermsBox() {
diff --git a/src/components/common/Button.jsx b/src/components/common/Button.jsx
index 99b1ac0..ae7a6d3 100644
--- a/src/components/common/Button.jsx
+++ b/src/components/common/Button.jsx
@@ -1,7 +1,7 @@
import { useContext } from "react";
import { IoCheckmarkOutline } from "react-icons/io5";
import styled from "styled-components";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
import { useNavigate } from "react-router-dom";
export default function Button(props) {
const {
diff --git a/src/components/common/Navigation.jsx b/src/components/common/Navigation.jsx
new file mode 100644
index 0000000..cf2a7ea
--- /dev/null
+++ b/src/components/common/Navigation.jsx
@@ -0,0 +1,34 @@
+import styled from "styled-components";
+import { MdHome } from "react-icons/md";
+import { PiChartLine } from "react-icons/pi";
+import { FaCalendar } from "react-icons/fa";
+import { BsChatFill } from "react-icons/bs";
+import { IoMdSettings } from "react-icons/io";
+import { useLocation } from "react-router-dom";
+
+export default function Navigation() {
+ const location = useLocation().pathname;
+ return (
+
+ );
+}
+
+const Div = styled.div`
+ width: 360px;
+ height: 56px;
+ font-size: 24px;
+ color: #aeaeb2;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+
+ .focus {
+ color: #5ac479;
+ }
+`;
diff --git a/src/components/common/Terms.jsx b/src/components/common/Terms.jsx
index 0e6f5b4..2bd8d7d 100644
--- a/src/components/common/Terms.jsx
+++ b/src/components/common/Terms.jsx
@@ -1,7 +1,7 @@
import { IoCheckmarkOutline } from "react-icons/io5";
import { useContext, useEffect } from "react";
import styled from "styled-components";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
export default function Terms(props) {
const { setAgreement, updateIsChecked, isChecked } =
useContext(SignUpContext);
diff --git a/src/components/common/header/BackHeader.jsx b/src/components/common/header/BackHeader.jsx
index a30c250..6ecefc2 100644
--- a/src/components/common/header/BackHeader.jsx
+++ b/src/components/common/header/BackHeader.jsx
@@ -1,7 +1,7 @@
import { useContext, useEffect } from "react";
import { RxCross1 } from "react-icons/rx";
import styled from "styled-components";
-import { SignUpContext } from "../../context/SignUpContext";
+import { Context } from "../../context/context";
import { BsChevronLeft } from "react-icons/bs";
import { useLocation } from "react-router-dom";
export default function BackHeader(props) {
diff --git a/src/components/common/header/HeaderBox.jsx b/src/components/common/header/HeaderBox.jsx
index 12b2c5b..57b2835 100644
--- a/src/components/common/header/HeaderBox.jsx
+++ b/src/components/common/header/HeaderBox.jsx
@@ -1,5 +1,5 @@
import { useLocation } from "react-router-dom";
-import { SignUpContext } from "../../context/SignUpContext";
+import { Context } from "../../context/context";
import styled from "styled-components";
export default function HeaderBox({ children }) {
diff --git a/src/components/context/SignUpContext.js b/src/components/context/SignUpContext.js
deleted file mode 100644
index 298c89e..0000000
--- a/src/components/context/SignUpContext.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { createContext } from "react";
-
-export const SignUpContext = createContext({});
diff --git a/src/components/context/context.js b/src/components/context/context.js
new file mode 100644
index 0000000..c68d7cb
--- /dev/null
+++ b/src/components/context/context.js
@@ -0,0 +1,5 @@
+import { createContext } from "react";
+
+export const SignUpContext = createContext();
+
+export const HomeContext = createContext();
diff --git a/src/components/createName/OverlapButton.jsx b/src/components/createName/OverlapButton.jsx
index 6c3db23..dda99d7 100644
--- a/src/components/createName/OverlapButton.jsx
+++ b/src/components/createName/OverlapButton.jsx
@@ -1,5 +1,5 @@
import styled from "styled-components";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
import { useContext } from "react";
export default function OverlapButton(props) {
diff --git a/src/components/createName/OverlapSpan.jsx b/src/components/createName/OverlapSpan.jsx
index 9106c88..59e376c 100644
--- a/src/components/createName/OverlapSpan.jsx
+++ b/src/components/createName/OverlapSpan.jsx
@@ -1,5 +1,5 @@
import { useContext } from "react";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
import styled from "styled-components";
export default function OverlapSpan(props) {
diff --git a/src/components/home/HomeHeader.jsx b/src/components/home/HomeHeader.jsx
new file mode 100644
index 0000000..eef212d
--- /dev/null
+++ b/src/components/home/HomeHeader.jsx
@@ -0,0 +1,59 @@
+import { useContext, useEffect, useState } from "react";
+import styled from "styled-components";
+import { HomeContext } from "../context/context";
+
+export default function HomeHeader() {
+ const { retrospectionNumber, wiseSaying, setWiseSaying } =
+ useContext(HomeContext);
+
+ useEffect(() => {
+ getWiseSaying(setWiseSaying);
+ }, []);
+
+ return (
+
+
+ 회고 {retrospectionNumber}일차
+
+
+ {wiseSaying.txt} -{wiseSaying.author}-
+
+
+ <>
+
+ );
+}
+
+const Div = styled.div`
+ width: 312px;
+ height: 75px;
+ border-radius: 5px;
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
+ background: #fff;
+`;
diff --git a/src/components/home/SteadyCalendar.jsx b/src/components/home/SteadyCalendar.jsx
new file mode 100644
index 0000000..0b5ac51
--- /dev/null
+++ b/src/components/home/SteadyCalendar.jsx
@@ -0,0 +1,170 @@
+import styled from "styled-components";
+import * as func from "./steadyCalendarFunction";
+import { useContext, useEffect } from "react";
+import { HomeContext } from "../context/context";
+
+export default function SteadyCalendar() {
+ const { retrospectionData, setRetrospectionData, setRetrospectionNumber } =
+ useContext(HomeContext);
+ let currentYear = new Date().getFullYear();
+ let dayArr = ["S", "M", "T", "W", "T", "F", "S"];
+ let dateArr = func.createDataArr();
+ let monthArr = func.createMonthArr(dateArr);
+
+ useEffect(() => {
+ getRetrospectionData();
+ }, []);
+
+ let date = [];
+
+ retrospectionData.forEach((x) => {
+ let temp = x["날짜"].replace(/년|월|일/g, "");
+ date.push(temp.split(" "));
+ });
+
+ async function getRetrospectionData() {
+ try {
+ const response = await fetch("dumy/test.json");
+ const data = await response.json();
+ setRetrospectionData(() => {
+ let temp = data.data;
+ return temp;
+ });
+ setRetrospectionNumber(data.data.length);
+ } catch (err) {
+ console.log(err);
+ }
+ }
+
+ function checkFunc(n2, n, d) {
+ let mon = n;
+ if (n2 >= 3 && d < 10) mon += 2;
+ else mon += 1;
+ let check = "";
+ for (let i = 0; i < date.length; i++) {
+ if (date[i][1] == mon && date[i][2] == d && date[i][0] == currentYear) {
+ check = "check";
+ break;
+ }
+ }
+ return check;
+ }
+
+ return (
+
+
+ {dayArr.map((day, n) => (
+ {day}
+ ))}
+
+
+
+ {monthArr.map((month, monthNum) => (
+
+ {monthNum + 1 + "월"}
+
+ {month.map((week, weekNum) => (
+
+ {week.map((day) => {
+ return (
+ = 3 && day < 10
+ ? monthNum + 2
+ : monthNum + 1
+ }d${day} ${checkFunc(weekNum, monthNum, day)}`}
+ key={day}
+ >
+ );
+ })}
+
+ ))}
+
+
+ ))}
+
+
+
+ );
+}
+
+const Div = styled.div`
+ width: 312px;
+ height: 171px;
+ border-radius: 5px;
+ display: flex;
+ justify-content: space-between;
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
+ background-color: #fff;
+
+ .scroll::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ }
+ .scroll::-webkit-scrollbar-thumb {
+ background-color: #636366;
+ border-radius: 10px;
+ }
+`;
+
+const CalenderBox = styled.div`
+ width: 310px;
+ height: 170px;
+ display: flex;
+ overflow-x: scroll;
+
+ .check {
+ background-color: #5ac479;
+ }
+`;
+
+const MonthBox = styled.div`
+ margin: 8px 0 0 0;
+ width: 100%;
+ height: 152px;
+ display: flex;
+ align-items: center;
+`;
+const Month = styled.div`
+ width: auto;
+ height: 135px;
+ display: flex;
+ flex-direction: column;
+
+ span {
+ font-size: 11px;
+ }
+`;
+
+const WeekBox = styled.div`
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+`;
+
+const Week = styled.div`
+ width: 17px;
+ height: 100%;
+`;
+
+const DateBox = styled.div`
+ margin: 2px;
+ width: 15px;
+ height: 15px;
+ border-radius: 5px;
+ background-color: #e3e3e3;
+`;
+
+const DayBox = styled.div`
+ margin: 32px 0 0 5px;
+ width: 20px;
+ height: 120px;
+ display: flex;
+ flex-direction: column;
+ font-size: 11px;
+
+ span {
+ margin: 0 0 4px 0;
+ }
+`;
diff --git a/src/components/home/steadyCalendarFunction.js b/src/components/home/steadyCalendarFunction.js
new file mode 100644
index 0000000..3d2130c
--- /dev/null
+++ b/src/components/home/steadyCalendarFunction.js
@@ -0,0 +1,92 @@
+const currentDate = new Date();
+let currentYear = currentDate.getFullYear();
+
+let startDay = new Date(currentYear, 0, 1).getDay();
+let fullDate = new Date(currentYear, 2, 0) == 28 ? 365 : 366;
+
+export function createDataArr() {
+ let dateArr = [];
+ let temp = [];
+ let month = 1;
+ let cnt = 1;
+ for (let i = -startDay; i < fullDate; i++) {
+ if (i > -1) {
+ temp.push(cnt);
+ cnt++;
+ } else {
+ temp.push(i + 1);
+ }
+ if (
+ (month == 1 && cnt == 32) ||
+ (month == 3 && cnt == 32) ||
+ (month == 5 && cnt == 32) ||
+ (month == 7 && cnt == 32) ||
+ (month == 8 && cnt == 32) ||
+ (month == 10 && cnt == 32) ||
+ (month == 12 && cnt == 32)
+ ) {
+ cnt = 1;
+ month++;
+ } else if (
+ (month == 4 && cnt == 31) ||
+ (month == 6 && cnt == 31) ||
+ (month == 9 && cnt == 31) ||
+ (month == 11 && cnt == 31)
+ ) {
+ cnt = 1;
+ month++;
+ } else if (
+ (fullDate == 365 && month == 2 && cnt == 29) ||
+ (fullDate == 366 && month == 2 && cnt == 30)
+ ) {
+ cnt = 1;
+ month++;
+ }
+ if (temp.length == 7 || i == fullDate - 1) {
+ dateArr.push(temp);
+ temp = [];
+ }
+ }
+ return dateArr;
+}
+
+export function createMonthArr(dateArr) {
+ let monthArr = [];
+ let monthCnt = 1;
+ let temp = [];
+ for (let i = 0; i < dateArr.length; i++) {
+ temp.push(dateArr[i]);
+ for (let j = 0; j < 7; j++) {
+ if (
+ (monthCnt == 1 && dateArr[i][j] == 31) ||
+ (monthCnt == 3 && dateArr[i][j] == 31) ||
+ (monthCnt == 5 && dateArr[i][j] == 31) ||
+ (monthCnt == 7 && dateArr[i][j] == 31) ||
+ (monthCnt == 8 && dateArr[i][j] == 31) ||
+ (monthCnt == 10 && dateArr[i][j] == 31) ||
+ (monthCnt == 12 && dateArr[i][j] == 31)
+ ) {
+ monthArr.push(temp);
+ monthCnt++;
+ temp = [];
+ } else if (
+ (monthCnt == 4 && dateArr[i][j] == 30) ||
+ (monthCnt == 6 && dateArr[i][j] == 30) ||
+ (monthCnt == 9 && dateArr[i][j] == 30) ||
+ (monthCnt == 11 && dateArr[i][j] == 30)
+ ) {
+ monthArr.push(temp);
+ monthCnt++;
+ temp = [];
+ } else if (
+ (fullDate == 365 && monthCnt == 2 && dateArr[i][j] == 28) ||
+ (fullDate == 366 && monthCnt == 2 && dateArr[i][j] == 29)
+ ) {
+ monthArr.push(temp);
+ monthCnt++;
+ temp = [];
+ }
+ }
+ }
+ return monthArr;
+}
diff --git a/src/components/provider/HomeProvider.jsx b/src/components/provider/HomeProvider.jsx
new file mode 100644
index 0000000..cd087dc
--- /dev/null
+++ b/src/components/provider/HomeProvider.jsx
@@ -0,0 +1,22 @@
+import { useState } from "react";
+import { HomeContext } from "../context/context";
+
+export default function HomeProvider(props) {
+ const [retrospectionNumber, setRetrospectionNumber] = useState(1);
+ const [wiseSaying, setWiseSaying] = useState({ txt: "", author: "" });
+ const [retrospectionData, setRetrospectionData] = useState([]);
+ return (
+
+ {props.children}
+
+ );
+}
diff --git a/src/components/provider/SignUpPovider.jsx b/src/components/provider/SignUpPovider.jsx
index 64338bb..3fa6845 100644
--- a/src/components/provider/SignUpPovider.jsx
+++ b/src/components/provider/SignUpPovider.jsx
@@ -1,6 +1,6 @@
import { useState } from "react";
import { useImmer } from "use-immer";
-import { SignUpContext } from "../context/SignUpContext";
+import { SignUpContext } from "../context/context";
export default function SignUpProvider(props) {
const [agreement, setAgreement] = useState(0);
diff --git a/src/components/CollectPersonalData/CollectPersonalData.jsx b/src/pages/CollectPersonalData.jsx
similarity index 63%
rename from src/components/CollectPersonalData/CollectPersonalData.jsx
rename to src/pages/CollectPersonalData.jsx
index 1b6c1d2..eeec1dc 100644
--- a/src/components/CollectPersonalData/CollectPersonalData.jsx
+++ b/src/pages/CollectPersonalData.jsx
@@ -1,12 +1,12 @@
-import HeaderBox from "../common/header/HeaderBox";
-import Button from "../common/Button";
-import Terms from "../common/Terms";
-import TermsBox from "./TermsBox";
+import HeaderBox from "../components/common/header/HeaderBox";
+import Button from "../components/common/Button";
+import Terms from "../components/common/Terms";
+import TermsBox from "../components/collectPersonalData/TermsBox";
import styled from "styled-components";
-import { SignUpContext } from "../context/SignUpContext";
+import { Context } from "../components/context/context";
import { useContext } from "react";
-import SignUpProvider from "../provider/SignUpPovider";
-import BackHeader from "../common/header/BackHeader";
+import SignUpProvider from "../components/provider/SignUpPovider";
+import BackHeader from "../components/common/header/BackHeader";
export default function CollectPersonalData() {
return (
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..ba4b814
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,115 @@
+import styled from "styled-components";
+import HomeProvider from "../components/provider/HomeProvider";
+import HomeHeader from "../components/home/HomeHeader";
+import SteadyCalendar from "../components/home/SteadyCalendar";
+import Performance from "../components/home/Performance";
+import { LuPencilLine } from "react-icons/lu";
+import { FaAngleRight } from "react-icons/fa6";
+import { BsPinAngleFill } from "react-icons/bs";
+import { BiSolidMedal } from "react-icons/bi"; //예비1
+import { IoRibbonSharp } from "react-icons/io5"; //예비2
+import { SlBadge } from "react-icons/sl";
+import Navigation from "../components/common/Navigation";
+export default function Home() {
+ return (
+
+
+
+
+
+ 오늘의 회고를 작성해주세요
+
+
+
+
+
+ 얼마나 꾸준히 했는지
+ 살펴보세요
+
+
+
+
+
+
+
+
+ 성과를 확인해보세요
+
+
+
+
+
+
+
+ );
+}
+
+const Section = styled.section`
+ width: 100%;
+ height: 421px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+`;
+
+const Btn = styled.button`
+ margin-bottom: 27px;
+ width: 311px;
+ height: 45px;
+ border: none;
+ border-radius: 5px;
+ color: #f9f9f9;
+ font-size: 14px;
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
+ display: flex;
+ align-items: center;
+ position: relative;
+ background-color: #5ac479;
+
+ .leftIcon {
+ margin: 0 14px 0 17px;
+ }
+ .rigntIcon {
+ position: absolute;
+ right: 12px;
+ }
+`;
+
+const CalendarDiv = styled.div`
+ margin-bottom: 26px;
+ width: 312px;
+ height: 200px;
+
+ .title {
+ width: 100%;
+ height: 30px;
+ font-size: 16px;
+ font-weight: 600;
+ }
+ .pinIcon {
+ margin-right: 2px;
+ color: red;
+ font-size: 18px;
+ position: relative;
+ top: 4px;
+ }
+`;
+
+const PerformanceDiv = styled.div`
+ width: 312px;
+ height: 110px;
+
+ .title {
+ width: 100%;
+ height: 30px;
+ font-size: 16px;
+ font-weight: 600;
+ }
+ .medalIcon {
+ margin-right: 2px;
+ color: #ecef5a;
+ font-size: 18px;
+ position: relative;
+ top: 4px;
+ }
+`;
diff --git a/src/pages/IsLoginTemplate.jsx b/src/pages/IsLoginTemplate.jsx
index bf617cd..eba0b97 100644
--- a/src/pages/IsLoginTemplate.jsx
+++ b/src/pages/IsLoginTemplate.jsx
@@ -7,7 +7,7 @@ function IsLoginTemplate(props) {
useEffect(() => {
if (firebaseAuth.currentUser) {
- navigate("/loginSuccess");
+ navigate("/Home");
}
}, []);
diff --git a/src/router.js b/src/router.js
index 70e9e0d..228deb9 100644
--- a/src/router.js
+++ b/src/router.js
@@ -3,8 +3,9 @@ import App from "./pages/App";
import IsLoginTemplate from "./pages/IsLoginTemplate";
import Login from "./pages/Login";
import CreateName from "./pages/CreateName";
-import CollectPersonalData from "./components/collectPersonalData/CollectPersonalData";
+import CollectPersonalData from "./pages/CollectPersonalData";
import Splash from "./pages/Splash";
+import Home from "./pages/Home";
const router = createBrowserRouter([
{
@@ -28,8 +29,8 @@ const router = createBrowserRouter([
),
},
{
- path: "/loginSuccess",
- element: Login SUccess
,
+ path: "/Home",
+ element: ,
},
]);
diff --git a/src/styles/GlobalStyles.js b/src/styles/GlobalStyles.js
index 4f4d328..5f11e90 100644
--- a/src/styles/GlobalStyles.js
+++ b/src/styles/GlobalStyles.js
@@ -15,6 +15,7 @@ const GlobalStyles = createGlobalStyle`
#root{
width: 360px;
height: 640px;
+ background-color: #FEFAF3;
}
@font-face {
font-family: 'yg-jalnan';