팀 프로젝트 화면 구현 #1

김세옥·2025년 2월 5일

얼마 남지않은 기간...
데드라인을 넘겨서는 안되지만 하루라도 빨리 구현을 해야한다...
내가 맡은 파트는 총 12화면을 맡았다...
내가... 할 수 있을까...?

일단 간단한 게시글 화면부터 구현하도록 하자.

총 3개의 화면을 구현하면 된다.

작성, 수정, 목록.

총 3개다.

일단 피그마로 그려진 화면을 보자.

흠...

좋아, 다행히도 어렵진 않은 것 같다.

구성은 이정도로 해두고 이젠 css를 넣어줄 차례다.


이제 결과를 보자.

좋은 거 같다. 화면 비율 75%에서 캡쳐한 거지만 크기도 제법 적당한 것 같다.

나머지 수정도 똑같이 하면...

어렵지 않다.

아직까진...

이제 목록을 구현해보자.

이런 식으로 구현하면 되는데...

...
...
...

방금 팀원으로부터 연락을 받았는데 2x2 형식 보단 3x3으로 배치 되었으면 한다고 하셨다.

여기선 display : grid를 이용해야겠다...


이제 css 파일로 그리드를 적용시켜 보자.


이제 결과물을 보자.

적용이 잘 된 모습이다.

이로써 챌린지 파트 구현은 끝이다.

0개의 댓글