kth990303의 코딩 블로그

+) 21.12.22 추가 이 프로젝트는 2022년에 나 혼자서 스프링 + 리액트 풀스택으로 진행해볼 예정이다. 위 말이 거짓말이 되지 않도록 열심히 공부하자! https://kth990303.tistory.com/234 [211222] 스프링과 리액트로 1인분 하기 위해 요즘 하고 있는 공부 예전에 '운동일지 다이어리'를 친구랑 같이 만들다가, 어쩌다가 흐지부지된 프로젝트가 있다. (안좋게 끝난 건 아니다. 서로 각자의 공부를 해야될 것 같다고 결론이 났다.) https://kth990303.tistory.co kth990303.tistory.com 이 프로젝트는 협업 프로젝트이기 때문에 내 일정 뿐만 아니라 친구 일정도 중요한데, 친구가 중간고사 끝나고 재정비를 가진 후 11월부터 프로젝트를 해야할 ..

아직 useState를 구현한 건 아니고, api 이동이나 화면 구현정도만 한 것이긴 한데 일단은 올려본다. 우선 색깔, 디자인을 담당하는 CSS는 아직 입히지 않았으며, 아직 화면만 구성해둔 상태라 운동을 저장한다고 실제로 DB가 변경되거나, 화면이 변경되지는 않는다. (갈 길이 멀다...) 참고로 앞으로의 목표는 이렇게 생겼다. 로그인 기능은 11월 달 예정이다. 그 전엔 workListCalender.js, todayWorkList.js, addTodayExercise.js 위주로 구현할 듯하다. 파일명만 봐도 대충 무슨 파일인지 느낌이 올 것이다. "/" API 우선은 홈으로 들어가면 저 달력 모양 캘린더가 뜨도록 구현할 생각이다. 초록색은 운동을 한 날, 빨간색은 운동을 안한 날. 아마 아래 블..

우선 firebase 연동하기 전에, react 감을 익히기 위해서 아래 이슈를 처리하기로 했다. view components를 작성해주세요. 달력 컴포넌트 -운동추가 컴포넌트에서 날짜와 진행한 운동을 추가해주면, 그 날짜에 운동을 진행했는지 구별해주는 달력 컴포넌트 를 작성.그 날짜에 어떤 운동을 했는지는, 그 날짜를 클릭하여 운동추가 컴포넌트로 넘어갈 수 있도록 하면 될듯. -CSS, firebase DB 연동은 지금 하지 않아도 괜찮음. 운동추가 컴포넌트 -운동 리스트 컴포넌트에 기록될 운동을 추가해주는 컴포넌트를 작성할 것. -CSS, firebase DB 연동은 지금 하지 않아도 괜찮음. 간단한 기능을 갖춘 틀을 작성해준다고 생각하면 될 것 같습니다. 이후 세부기능 및 디테일은 다음에 추가하면 ..

이번 운동일지 다이어리 협업프로젝트는 과정을 블로그에 사소한 것까지 포스팅할 예정이다. 친구와 함께 하는 프로젝트인데, 친구는 재학생(개강), 나는 군복무와 병행하는 프로젝트여서 조금씩 진도를 나갈 듯하다. github 주소: https://github.com/kth990303/WorkOutDiary GitHub - kth990303/WorkOutDiary: 민서와 함께 만드는 운동일지 다이어리 민서와 함께 만드는 운동일지 다이어리. Contribute to kth990303/WorkOutDiary development by creating an account on GitHub. github.com 현재 README.md는 아래와 같다. 점진적 과부하를 통한 득근을 위하여 이전 운동횟수와 비교하는 기능과..

firebase가 무엇인지 모른다면 지난 포스팅에 firebase에 대해 간단하게 설명한 포스팅을 참고하자. https://kth990303.tistory.com/142 [React] Backend 역할을 해주는 Firebase에 대해 알아보자 요즘 나는 집에서 덤벨과 맨몸운동, 그리고 유산소 운동을 자주 하는 중이다. 그러던 어느날, 점진적 과부하를 위해 운동일지를 틈날 때마다 기록하는 것이 좋겠다고 생각했고, 마침 친구와 함 kth990303.tistory.com 이번 시간엔 react의 create-react-app을 이용하여 firebase와 연동해보는 포스팅을 작성해보겠다. 개인적으로 환경세팅으로 고통받는 것을 매우매우 극혐하기 때문에, 다음에 따로 고통받지 않기 위해, 그리고 다른 사람들이 연..