TIL(Today I Learned)/스파르타 내배캠 최종프로젝트

[TIL] 24/02/06 [최종] 제출일, 끝날때까지 끝난게아니야 (반응형CSS)

개발자먼지 2024. 2. 7. 03:54
반응형

오늘도 화이팅!

1.  tailwind 반응형 구현

굉장히 쉽다

우리는 사이즈를 일단 급히 적용하는 만큼 1개만 적용하여

lg (라지) 사이즈 이상 이하만 적용해보았다.

 

라지 이상일 때 사이즈를 300px로 라지 이하는 100px로 정하는 코드 !

<div className="w-[100px] lg:w-[300px]">

 

사용법은 쉽지만 적용은 안쉬움

반응형 구현으로 인한 이슈 야금야금 양산 하는 즁

이거 이렇게 맞추면 저거 망가지구
특히 Z 값은 주의가 필요하다.

제일 난리.. ^0^

테스트도 많이 해봐야하고 

세심한 코딩 필요하다!!!


프로젝트 진행 상황

✓ 쟝님이 도메인도 구매하셔서 적용함

✓ 오늘 Main MVP 15~16 배포 현황

[Bugfix] CSS 정리정돈
[add]프로필 수정페이지에서 저장하기 버튼 누르면 모달창 나오게 구현 + 확인버튼 클릭시 프로필 페이지로 이동기능 추가
Feat/detail 지원중 조건문 수정 및 신청하기 쿼리키 수정
[refactor]프로필 수정페이지 input코드 컴포넌트 분리 리팩토링 진행하였습니다.
[modify] 상세페이지 신청하기 지원중 조건문 수정
[style] 플로팅 버튼 반응형 css 추가 및 css 수정
Feat/detail 상세페이지 기능 수정 및 css 수정 및 반응형 css
[style] 네비바 선택하면 바뀌는 css 수정
[fix]너비 수정후 css수정,프로필이미지 img next Image로 수정
Feat/detail 상세페이지 기능 수정 및 css 수정 및 반응형 css
Feat/write 반응형 css
Feat/refactoring 전체 레이아웃 및 프로젝트, 인재풀 페이지 반응형 CSS
Feat/mainpage 칼럼 이미지 추가
[modify] 컴포넌트 분리 및 커스텀 훅 구현

 

새벽에 쌓인거 한번만 더 아침에 배포하기 ^.^

제출했지만 수정해요....


내 진행 상황 

오늘 한일

1. 글쓰기 페이지 반응형 css 적용

2. 글쓰기 페이지 취소하기 버튼 (왜안했냐고)

3. 예튜터님 리뷰 중 1개 적용: 글쓰기 Api 분리

4. 기타 프로젝트 전반 오류 잡기 커밋 

반응형