- 카드 폰트 고치기
- comment 기능 div html에 넣기
- 부트스트랩에서 가져온 comment 디자인하기!
- 내일 할 것!
카드 폰트 고치기
내 카드 div 를 html에 잘 끼워서 실행시켰더니 내가 적용시켰던 폰트가 적용이 안 되어 있었다. 무슨 일인지 봤더니 내 css에서 내가 전체 선택자( * )를 잘못 써서 그랬다..! 해결 완료!
comment기능 div html에 넣기
두구두구두구두구 이제 POST와 GET 기능이 잘 돌아가는지 봐야 해서 comment div를 html에 넣고 실행시켰다.
댓글을 입력하고 버튼을 눌렀을 때 POST가 잘 되면 "댓글 기록 완료!"라는 alert가 뜨게 해놓았는데, 잘 떴다!
alert가 뜨고 나서 새로 고침이 되면 기존에 내가 임시로 써 놓은 comment는 없어지고 DB에 있는(댓글을 입력하여 DB에 저장함) 댓글들을 불러와서 list로 나열하는 GET도 역시나 잘 되었다!
근데 문제는 DB로 갔는데 내가 저장한 DB의 이름은 있는데 그 DB안에는 내가 예전에 연습했던 다른 데이터가 들어가 있고, comment는 어디에도 없었다... 어디로 간거야 내 comment... 분명 localhost:5000/"DB명"을 검색하면 DB에 뭐가 있는지 나오긴 하는데 DB 페이지로 가면 아무것도 없는게 너무 미스터리였다.
어딘가 잘못되었다고 느껴서 다시 DB를 만들어보기로 했다. 만든 김에 팀원들도 추가해서 같이 DB를 볼 수 있게끔 했다. 그런데 이번에는 POST, GET이 전혀 안되는 것이었다. DB와 연결이 아예 되지가 않았다. 한참을 얘를 껐다 켰다 쟤를 껐다 켰다 하다가 매니저님께 도움을 구했는데 다시 한 번 DB를 만들어 보라고 하셨다.
이번에는 일단은 팀원 추가 없이 나 혼자 DB를 만들어 연결시켜 보았는데 이번에는 잘 돌아갔다..!! DB에도 comment가 잘 올라와 있었다...!!
원래 내가 만들려고 했던 cluster 이름과 같은 이름으로 된 cluster가 다른 project에 있었는데 그거 때문에 오류가 났는지 아니면 내가 db를 만들었는데 내가 권한을 드린 다른 분이 연결 이름과 비밀번호를 만들어서 그런지..?는 모르겠지만 해결을 했다. 코딩을 공부하면서 느끼는건데 생각보다 처음부터 다시 하면 해결되는 케이스가 종종 있어서 좀 신기하다.
부트스트랩에서 가져온 comment 디자인하기!
내가 구현한 comment의 디자인은 부트스트랩에서 가져온 것이었다. 그런데 css를 이렇게 바꿔봐도 저렇게 바꿔봐도 바뀌지가 않는 것이었다. 그래서 거의 오후는 종일 부트스트랩 css 관련 구글링을 했던 것 같다. 찾아보니 css에는 우선순위라는 게 있어서 아마 부트스트랩 자체 구현된 css가 우선순위가 높아서 내 css가 안 먹히는 것 같았다. 나는 부트스트랩 링크 밑에 내 css 링크를 위치시켜 내가 만든 css 우선순위가 더 높게 했다. id와 class에 따라서도 우선순위가 달라지고 해서 최대한 우선순위를 빡세게 줄려고 id를 다 만들어서 했다..!! 그결과 아주까지는 아니지만 어느정도 내가 생각한 느낌의 comment div가 만들어졌다.
내일 할 것.
우리 프로젝트에서 html이 총 3개고 1p -> 2p -> 3p 로 넘어가는 형태인데, 지금 2p~3p로 넘어가는 게 어렵고 잘 안되어서 아마 내일은 팀원 전원이 그거에 대해 공부를 하지 않을까 싶다...! 그리고 금요일은 발표날이라서 사실상 목요일이 마지막 프로젝트 날이고 페이지 넘어가는 것까지 다 하면 페이지 넘어가는 것과 POST와 GET구현을 녹화한 영상을 찍는 것이 목표이다.
나는 약간 시간이 남으면 comment div에 이름을 넣어서 이름과 comment를 같이 달 수 있는 걸 만들어 보려고 한다. 시간이 꼭 남으면 좋겠다... 원래는 댓글을 작성할 때 비밀번호를 작성해서 비밀번호와 댓글의 비밀번호가 일치하면 수정이나 삭제가 되는 기능도 넣어보고 싶었는데 생각보다 html이 손에 익지 않아서 무얼 하든 오래 걸렸다.. ㅠㅠ
프로젝트는 어차피 다음에도 하고 다다음에도 하니까 그 때는 이번 프로젝트 때 내가 배웠던 것들과 다음 프로젝트까지 내가 배운 것들을 잘 써서 더 발전된 프로젝트를 할 수 있으면 좋겠다.
'SPARTA Project' 카테고리의 다른 글
[Java] 개인 프로젝트 - 키오스크 구현 정리(5/26 ~ 6/2) (0) | 2023.06.02 |
---|---|
< 초록색이 젤다 맞죠? > - KPT 회고 (0) | 2023.05.19 |
< 초록색이 젤다 맞죠? > - 팀 프로젝트 04 (1) | 2023.05.18 |
< 초록색이 젤다 맞죠? > - 팀 프로젝트 02 (0) | 2023.05.16 |
< 초록색이 젤다 맞죠? > - 팀 프로젝트 01 (0) | 2023.05.15 |