우아한삽질 03. 메인 배너 외로워 하지마.. 게시판들 집합.

우아한삽질 2026-07-21 17:40 조회 69 수정됨

안녕하세요 추후에 오픈하게 될 머블로.KR의 운영자 우아한 삽질입니다 !!


지난 글에서는 아무것도 없던 첫 화면에 무려 메인배너를 올렸습니다


HTML만 넣어놓고 왜 안 움직이냐며 GPT를 의심하기도 했고..


CSS와 JAVA SCRIPT의 존재를 뒤늦게 발견하기도 했고..


배너 하나를 만들기 위해 4시간을 사용하기도 했지만..


그럼에도 완성된 메인 화면을 한동안 흐뭇하게 바라봤습니다


스크린샷 2026-07-21 160408.png
e66fdec9830b78e541f2dfd30c821f7c.jpg

Sㅇ 뷰리풀이다~ 이 말이에요 !! 근데 저번에도 그렇고 이번에도 드는 생각이
힘들게 만든 첫 배너가 너무 외로워 보이지 않습니까..?!
그래서 오늘은 저번에도 말 했듯이 게시판들을 배치해 보겠습니다 !

스크린샷 2026-07-21 165209.png

우선 관리자에서 행 추가를 한 다음 게시판 최신글로 컨텐츠를 바꿔주고
제목칸에서 제목을 붙혀주고 한칸에 게시글 5개씩 세팅을 해줬습니다 ~
음~ 이제 이정도는 금방 해버리죠 ~~

스크린샷 2026-07-21 165353.png

?????? 뭐에요 이게 ...? 저번엔 이거 안해도 괜찮았는데...? 후... 잠시 아팠던 머리를 다시 부여잡고
천천히 하나씩 건들여 봤는데 결국 다 필요한 기능이긴 하더라구요 !
내부 외부 여백은 행에 간격을 줘서 서로 여백을 주는 기능이였고
배경은 라이트모드와 다크모드가 있어서 사용하지 않았고
칸 수는 한 행에 들어가는 칸을 정하는거였어요 ! 적용을 한 뒤에 확인을 했더니

스크린샷 2026-07-21 172610.png
크으...!!!!!!! 좀 있어보이지 않나요 ?! 맘에 들어서 동일하게 3행 더 추가 했습니다 !

스크린샷 2026-07-21 172722.png
ㅎ.,..ㅎ.ㅎ.ㅎ.ㅎ....
123456789.png

제가 분명 저번글까지만 해도 자만을 안한다 그랫는데..ㅎㅎㅎ..오늘은 조금만,,,?! ㅎㅎㅎ
처음엔 몰랐는데 그래도 조금 해봤다고 추리하는게 많아져서 이번 작업은 수월하게 진행했네요 !!
후후후 근데 만들어 놓고 보니 너무 휑하네요 또..? 뭔가 너무 빽빽한 것 같기도하고
중간에서 해소가 될 만한 칸이 들어가면 좋겠는데... 세컨배너를 제작하든 해서 넣든 해야겠어요...!
다음 글에는 세컨배너나 다른 무언가를 제작해서 중간에서 환기가 되게 한번 작업을 해보겠습니다 !!!
 그럼 실력이 성장해버린 저는 20000!!!!!
글쓰기

댓글 0

등록된 댓글이 없습니다.