#TIL 미니 프로젝트 회고

이번 프로젝트를 진행하면서 

내가 맡았던 부분은 :

리뷰페이지 CURD

전체 CSS

 

사실 처음 하는 프로젝트고 

내가 무엇을 하는지 모르고 그냥 쓴 코드고

그리고 기한 내에 프로젝트를 제출해야 한다는 압박감에

문제가 생겼을때 문제 해결에만 초점을 맞추고

왜 이게 이런 문제가 생겼고, 어떻게 문제가  풀리는지 모르고 지나갔던 프로젝트 라서 반성이 많이 된다.

 

 

1. CSS 그리드 준 각 컨테이너의 중앙 정렬하기

각 클래스를 지정 해서 마진과 패딩을 준다고 해서 각 아이템의 중앙 정렬이 이뤄지지 않았다.

부모의 역할인 컨테이너 에서 justfy content: center; 를 지정해 줘서

컨테이너의 아래의 격인  각 아이템들이 자신의 틀 안애서 중앙정렬 됨을 알수 있었다.

 

2. 그리드로 지정된 아이템들의 하이라이트를 주기 위해 색 지정하기 그리고 박스 크기 조절하기

아이템의 클래스에서 padding 값을 주니 박스의 전체적인 크기가 조절 되었다.

 

3. 리뷰페이지 CURD 

로딩 부분에서 오류가 많이 났는데, Error 404가 페이지에 많이 떳다, 이 부분은 거의 씬텍스 적인 문제가 많았다.

코딩 초보자고 해서 문법적인 오류나, 아니면 철자 오류가 날수 있으니, 복붙하는게 안전한 방법!

 

4. html CSS 파일 적용이 되지 않을때 방법

첫번째, <link> 부분이 웹서버에서 캐시를 올려놓고, 이전 버전 사용해서 계속 적용이 되지 않는 경우가 있다.

해결 방법은  <link rel="styleshee" type="text/css" href="~~~?ver=1"> 와 같은 정보를 보내서

웹서버에 새로운 css 파일을 캐시에 로드하여 css 파일의 수정된 내용이 반영할수 있도록 하기

두번째, 깃헙에서 받은 파일이라면, html 파일에서 css 파일을 연결 해줄때, 파일 경로를 다시한번 세부적으로 잡아주기

세번째는, html 문서내 클래스에 CSS가 적용되지 않을때는, 우선순위를 바꿔보는것도 좋은 방법인거 같다!

참고로, 부스스트랩을 쓴다면, CSS가 적용 되지 않는 경우가 있어, 부스스트랩보다는, bulma를 이용하는게 좋다!

 

 

오늘 또 배운점 

문제가 생기면 정확히 깁게 파고 들자!

문제 발생하면 대충 문제만 해결하려고 하지 말자!