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

2024. 4. 13. 01:44·✍️ 프로젝트 과정 & 회고
SMALL

4.12

 

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

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

 

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

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

 

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

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

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

 

 

 

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

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

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

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

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

 

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

배포도하고 에러도 해결

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

 

 

SMALL

'✍️ 프로젝트 과정 & 회고' 카테고리의 다른 글

[프로젝트 과정] 최종프로젝트 :  (0) 2024.04.17
[프로젝트 과정] 최종프로젝트 : 중간 발표날  (0) 2024.04.16
[프로젝트 과정] 최종프로젝트 16일차: 메인페이지 헤더 전체페이지에 적용하도록 수정  (0) 2024.04.11
[프로젝트 과정] 최종프로젝트 15일차: 이미지업로드삭제 문제 해결, 메인페이지 헤더 디자인, 배경 이미지와 컴포넌트 함께 적용  (0) 2024.04.09
[프로젝트 과정] 최종프로젝트 9일차: public users 테이블 새로 생성, 외래키 연결, next ui  (0) 2024.04.04
'✍️ 프로젝트 과정 & 회고' 카테고리의 다른 글
  • [프로젝트 과정] 최종프로젝트 :
  • [프로젝트 과정] 최종프로젝트 : 중간 발표날
  • [프로젝트 과정] 최종프로젝트 16일차: 메인페이지 헤더 전체페이지에 적용하도록 수정
  • [프로젝트 과정] 최종프로젝트 15일차: 이미지업로드삭제 문제 해결, 메인페이지 헤더 디자인, 배경 이미지와 컴포넌트 함께 적용
련디
련디
FE - 개발 공부의 기록
  • 련디
    Ryeon's Devstory
    련디
  • 전체
    오늘
    어제
    • 분류 전체보기 (69)
      • 🪴 JavaScript & TypeScript (11)
        • 🧩 Algorithm (6)
      • 🪴 React (12)
      • 🪴 Next.js (8)
      • 🪴 HTML & CSS (2)
      • 🪴 DB & BaaS (5)
      • 🪴 Git &Github (0)
      • ✍️ 프로젝트 과정 & 회고 (18)
      • ✍️ Today what I Learned _T.. (11)
      • 🕊️ IT 아티클 (0)
      • etc. (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • My Github 😺
    • 네이버 블로그 🎵🎧 (일상,음악 등)
  • 공지사항

  • 인기 글

  • 태그

    useEffect
    비동기통신
    useMutation
    웹개발 기초
    렌더링패턴
    타입스크립트
    State
    티스토리블로그스킨
    컴포넌트분리
    BAAS
    reacthook
    fetch
    react
    Array.filter
    Next.js
    props
    axios
    의존성배열
    Supabase
    오블완
    json-server
    NVM
    티스토리챌린지
    route handler
    리액트쿼리
    에러
    Vite
    tailwind
    배열 메서드
    reactquery
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
련디
[프로젝트 과정] 최종프로젝트 17일차: laptop(1020px) 반응형 디자인, 헤더 하나로 합치기, 중간발표제출, 시연영상
상단으로

티스토리툴바