✍️ 프로젝트 과정 & 회고

[프로젝트 과정] 최종프로젝트 17일차: laptop(1020px) 반응형 디자인, 헤더 하나로 합치기, 중간발표제출, 시연영상

련디 2024. 4. 13. 01:44
SMALL

4.12

 

다른 조원 분의 도움으로..!! 헤더를 하나로 합칠 수 있게되었다. ㅠ^ㅠ

나는 생각지 못한 방법이었는데 생각보다 쉬운거였다

 

뒷 배경 이미지를 적용하면서 투명한 헤더를 그 위에 덮으려면..꼭 헤더컴포넌트를 import해야되는 줄 알았다

layout 의 헤더로 그 위에 쌓이게하는게아니라.

 

근데 그럴필요가없었다 그냥 layout 의 헤더를 써도,

기존의 내용 배경이미지에 absolute top-0 ?? 속성을 주면 되었다

그럼 헤더와 배경이미지를 합칠 수 있음

 

 

 

그리고 laptop 반응형디자인 계속함 생각보다 너무너무 하드코딩이고 오래걸렸다 힘들었다 ..ㅠ

그래도 계속 남아있음. px단위로 일일히 하드코딩해야하니 힘들고 게다가 피그마 와이어프레임과 실제 사이트에서 보는건 차이가 있어서 사실 기존 디자인에서도 글꼴 크기 등 약간 자체적으로 좀 수정을했다 .... ㅠㅠ

게다가 마이페이지 등 로그인이 계속 풀리는 문제때문에 시간이 오래걸렸다

그리고 수정작업중에 북마크 가 되다가 안되는 등. 이상한 문제들이 있었다. ..ㅠㅠ 해당 div에서 relative 속성을 없애면 해결이되기도했지만 이상해져서 없앨수도없고.

근데 또 뭔가 달라진건없는거같은데 알아서 다시 되기도 했다 ..

 

중간 발표 제출일이라 조원들끼리 회의하고 역할분담 - 나는 시연영상 녹화

배포도하고 에러도 해결

로그인관련 에러 - SECRET env등 추가

 

 

SMALL