[2024OSP]Gitto:벗터 기술블로그2-팁&디버깅

이화여자대학교 2024-2학기 오픈SW플랫폼 과목수강을 바탕으로 작성된 기술블로그이며 총 다섯개의 포스팅으로 이루어져 있습니다.(개념, 팁&디버깅, 가이드, 해설1, 해설2)
 

---

개발 목표
한 학기 동안 오픈SW플랫폼 강의에서 배운 프론트엔드와 백엔드 개발 지식을 바탕으로 이화마켓 구현하기
Team Notion

(초대 요청 보내주시면 됩니다)
https://www.notion.so/Gitto-111257e4a22180b8b3abfe0cf8e16e37?pvs=4

Team Github
https://github.com/Gitto-OSP/2024-flask

---

🧐문제발생
리뷰 전체조회 화면에서 '코드 중복 피하기' 로 작성했던 네비게이션바가 깨지는 현상 발생

✏️해결방안 시도

1.Github에서 pull 해서 원격의 변경사항 업데이트 하기

2.로컬로 클론한 것 삭제 후 다시 클론하기

3.작업 툴(VS Code)에서 다시 불러오기

4.CSS 파일 수정하기

그런데도 문제가 해결되지 않아서 몇시간 동안 붙잡고 있었습니다..(┬┬﹏┬┬)

 

💡문제해결
원인:네비게이션바의 식별자가 review.html 파일의 식별자에도 그대로 적용되었음.

해결:리뷰 전체조회 페이지의 html 파일에서 스타일을 적용할 부분마다 아이디와 클래스 식별자를 적어주고 CSS 파일도 그에 맞게 수정했습니다.

 

그저...빛.....

🍀Tips
태그이름 보다는 아이디나 클래스로 CSS 스타일을 적용하자!

---

🧐고민
상품등록, 리뷰등록 화면 레이아웃이 똑같은데 코드 재사용성을 높일 수 있는 방법 없을까?

모든 등록화면이 기재해야 하는 항목만 다르고 전체적인 틀과 적용할 스타일이 동일한 점을 고려해 효율적으로 설계하고 싶었습니다.
💡고민해결
태그 내의 Contents만 바꾸어서 html 파일 사용
CSS 파일은 reg.css로 같은 파일 사용
DB에 넘겨줄 때 값 이름만 다르게 사용함

reg_reviews와 reg_items 모두 같은 reg.css 파일로 속성을 지정함.

DB에 저장할 때만 다르게 함.
🍀Tips
코드의 재사용성과 유지보수의 용이함을 고려해서 코드를 작성하자!