본문 바로가기
공부용/스프링 || 스프링부트

프론트 만들고 git에 올리기

by alpakaka 2025. 2. 19.

오늘의 할 일

프론트 보여주도록 만들기 (react)

git 에 해당 레포 올리기

데이터 넣고 확인하기

 

개발일지

일단 제일 급한 git 에 올리는 것 부터 해본다.

금방 끝냈다!

 

그 다음으로 데이터를 넣어본다.

 

넣을 것들은 운동하기, 독서하기, 스프링 공부하기 를 넣어본다.

 잘 들어가 있다.

이제 데이터도 적당히 넣었으니 프론트를 만들어야한다.

예쁘면 좋겠지만... 디자인에 소질이 없음을 아는 나는 지피티랑 뼈대만 만들거다.

리액트 폴더를 하나 만들어주고..

타입스크립트로 설정하는 방법도 알려주길래 이참에 타입스크립트를 사용해볼까했지만, 일단 만들고나서 수정해야겠다. 어차피 파일이 10개도 넘지 않을 것 같으니까 굳이 사용할 필요가 없어보인다.

 

중간에 git 봤다가 db 내용이 노출되어있길래 삭제하려고 했다.

그런데.. 음... 아무리해도 안되길래 어차피 내용도 없겠다 그냥 내버려두려고 한다. 비번이 있는 것도 아니고.. 괜찮지 않을까?

이것때문에 먼길을 돌아왔는데 폴더를 새로 하나 다시만들었다.. ㅎㅎ 슬프다.

언젠가 필요성이 느껴지면 그 때 다시하는걸로..

 

일단 claude3에게 프론트 부탁을 맡겼고 꽤나 괜찮아서 적용해본다.

 

그런데.. tailwindCss 적용하면서 계속계속 에러가 뜬다. npm 업데이트도 해줬는데 뭐가 문제인걸까..

내일까지 계속 해봐야할 것 같다.

일단 지금까지 해본 것

npm install tailwind 하고 안되길래 node module 삭제하고 다시 설치 안됨

brew install tailwindcss 안됨.

그래서 공식문서보니까.. 음.. react 를 따로 지원하는것같진 않던데 내일 더 자세히 봐야할 것 같다. 이참에 vite 로 바꿔봐야하나.