TODO 프로젝트 Todo에 카테고리 추가

프로젝트 주소 https://record-to-do-list.netlify.app/ TODO Category 설정 기능 추가 완료 TODO에서 설정한 Category를 조회 또는 수정이 가능하다. Category 수정, 삭제 기능 추가 완료 기존에 Todo에서 해당 카테로리를 가지고 있는 Todo 또한 바로 반영하여 수정된다. 다음

TODO 프로젝트 순서 바꾸기 기능 및 github actions 추가

프로젝트 주소 https://record-to-do-list.netlify.app/ TODO 순서 바꾸기 기능 추가 완료 기능 구현하면서 백엔드 코드를 봤는데 코드의 질이 너무 떨어진다는 느낌을 받았다. 예외처리도 대충 잡고, 프로젝트를 너무 간단하게만 만들고 끝낼 거라는 생각에 짠 코드 같았다. 이번 기회에 시간이 된다면 리팩토링 해야할 것 같다.

TODO 프로젝트 새로운 기능 추가 예정!

프로젝트 주소 https://record-to-do-list.netlify.app/ [새로운 기능 추가 예정] 카테고리, 정렬 순서, 중요도 기능을 추가하려고 한다. 기존에는 카테고리 없이 텍스트만 입력하는 방식으로 기능이 구현되어 있었다. 하지만 쓰는게 많아지고 카테고리 별로 필터링 하고 싶은 욕망에 만들어야겠다는 생각을 했다. 또한 정렬 순서도 바꾸고 싶은 경우가 있어 정렬 순서도 바꿀 수 있도록

[IMSTORY REFACTORING] 알림 테이블 구조 수정 회고

알림 테이블 내용 유저가 "댓글", "게시글 권한 요청"을 했을 경우 한 유저를 Sender 라고 하고, 받은 유저를 Receiver 라고 하자. 알림 테이블은 "댓글"과 "게시글 권한 요청"과 같은 기능을 했을 경우 Receiver에게 알림을 보내기 위한 수단으로 쓰이는 테이블 이다. 이전 테이블 구성 <img src="/media/post-body/2022/03/06/image.png" style="max-width:700px;

[IMSTORY REFACTORING] move.js 및 마이페이지 로직 및 디자인 수정

Javascript 리팩토링 마이페이지에서 수정할 수 있는 영역 페이지를 옮기는 move.js 스크립트도 전부 리팩토링 완료 했다! 엄청 큼지막한, detail, mod, move Javascript 리팩토링은 끝났다. 이제 my_board.js 만 리팩토링 하면 된다. 이번 기회에 많은 교훈을 얻었다. 유지보수하기 쉬운 코드를 짜자! 라는 것이다. (다행히 옛날의 내가 엄청 어렵게 코드를 짠

[IMSTORY REFACTORING] Javascript 리펙토링 진행중..

Detail 페이지 Javascript 까지 리팩토링 한 것을 포스팅한 적이 있다. 지금은 영역 다른 이미지로 옮기기 move.js Javscript 를 제외하고는 어느 정도 리펙토링이 끝났다. 그리고 전부 Jquery로 바꾸려고 했으나! 사이드 이펙트들이 일어나기 시작하여 코드만 어느정도 가독성 좋게 만들어 놓자라는 판단을 했다. var 는 다 쳐냈고, 기능들을 대부분 함수로 빼고,

[로드맵 사이트] 6. 프론트 구성 반성중?

프론트 구성을 짯다. 디자인이 너무 별로여서 디자인 디테일을 좀 바꿨다. 참고로 이전에는 더 엉망이었다.. 그리고 로드맵을 보는데... 모바일로 볼 때 은근 원이 너무 커서 잘 보이지 않았다.. 또한 뭔가 사용자 입장에서 위에서 내려가는 이 UI 가 너무 별로라는 생각이

[IMSTORY REFACTORING] Detail 페이지 Javascript

현재 모든 Javascript 문서에 변수를 대부분 var 를 사용하여 선언했다. (어리석은 중생아.. 왜 이렇게 코드를 짰나...) 과거의 나를 원망하면서 스코프 관리를 명확하게 하기 위해 var 로 되어있는 변수들을 전부 let 이나 const 로 바꾸는 작업에 들어갔다. 하지만 코드를 본 결과 "전역 변수" 를 이용하고 있어 명확하게 스코프 관리하기는 어려울 것

[IMSTORY REFACTORING] Javascript 코드

프로젝트 이미지스토리(IMSTORY) 에 새로운 기능을 넣으면서 1년 전 작성했던 코드를 보며 많은 것을 느끼게 되었다. 프로젝트 파일 구조의 가시성이 모호했고, 뿐만 아니라 중복되는 코드, 코드의 가독성이 많이 나쁘다는 것을 알게 되었다. 이러한 점에 하나씩 천천히 고쳐나가면 어떨까? 라는 생각에 IMSTORY REFACTORING PROJECT 줄여서 IRProject 를 하려고 한다. (멋져보이고 싶어 이제부터 IRProject

[로드맵 사이트] 5. 중간 배포

사용한 프레임워크 및 라이브러리 중간 배포를 하려고 한다. 현재 Django Rest Framework 를 이용하여 React 랑 같이 엮어서 배포를하게 되었다. React 와 Django 묶기 위한 작업 이 프론트와 백엔드