오늘은 피그마로 디자인한 UI를 구현해주었다. 어려웠던 점은 사진에서 보이는 것처럼 css가 넘치는 것이었다. 따라서 나중에 css를 수정해야 될 것 같다. 그리고 지금은 하드코딩을 해두었기 때문에 이 부분도 수정을 해야 된다. 또한 반응형으로 만들고 싶은데 지금은 위치도 하드코딩을 해두었다. 이 부분도 잘 찾아보고 수정해야겠다. 새롭게 알게 된 점은 div에 border를 지정하면 (div 크기 + border 크기)가 되어서 내가 의도하지 않은 크기가 된다는 것이다.

1. 백엔드(Spring) 설정 - 프로젝트 생성 https://start.spring.io/에 들어가서 설정 후 Generate intellij에서 폴더 오픈 후 잘 되는지 실행해보기 +) thymeleaf는 설치 안 해도 될 것 같다.(리액트가 있기 때문에) 2. 백엔드(Spring) 설정 - lombok 설정 처음 프로젝트를 생성할 때 dependencies에 lombok을 넣어주었다. lombok을 설치하는 방법은 1. (mac 기준) Settings > plugins > lombok 검색 후 설치 후 apply > ok 2. Settings > annotation processors > Enable annotation processing 체크 > apply > ok 3. lombok 설정 확인 ..

서론 인강으로만 스프링을 공부하다 보니 감이 잡히지 않아 프로젝트를 해보기로 하였다. 그 중 todolist가 가장 기본적(백엔드 구현하기 쉽지 않을까.?)이라고 생각이 되어 todolist를 만들기로 하였다. 기간은 일주일로 잡고 단기간에 끝내볼 것이다. 디자인과 기능 나는 내가 원하는 디자인으로 구현을 하고 싶었기 때문에 피그마에서 직접 만들었다. (필요하신 분 댓글 남겨주시면 공유해드릴게요.) 기능은 추가, 수정, 삭제 정도로 생각하고 있다.