테스트 사이트 - 개발 중인 베타 버전입니다

nextjs 와 그누보드6와 만나면? 2편...

1주일 아니 정확하게는 8일전...

 

https://sir.kr/cm_free/1683519

 

이렇게 글 남겼는데요

 

그래도 1주일 동안 많은 컴포넌트를 만들고 / 이슈 날리고 / 수정 하고 했습니다.

 

978180634_1717144876.1968.gif

 

일단은 최근 게시물입니다.

 

최근 게시물은 php 하던 방식과 흡사하게 진행 하여

 

978180634_1717144944.625.png

 

이렇게 컴포넌트화 하였습니다. 만약 gallery 쓰면 갤러리 최근 게시물이 출현하는 형태입니다.

 

되게 좋은게 뭐냐면...실시간으로 변경 됩니다. 움짤에서 새로고침을 하지 않았음에도 일부러 데이터를 글쓰기 > 댓글로 바꿔본 상태입니다.

 

978180634_1717145079.1842.gif

 

두번째 작업물은 인기 검색어입니다. 인기 검색어는 기본적으로 상하 슬라이드로 스와이퍼를 사용

 

화살표 누르면 펼쳐 보이게끔 제작 하였습니다. 

 

세번째로 포인트 랭킹입니다.

 

978180634_1717145146.9979.gif

 

이건 제가 공유한 플러그인을 기반으로 API를 만들었습니다. (순위 변경 플러그인)

 

https://sir.kr/g5_skin/59210

 

마지막으로 최적의 UX를 제공하기 위한 설정 창입니다.

 

978180634_1717145708.6762.png

 

이외에 메인의 게시판을 제어하고 / 게시판 내 기능들을 제어할 수 있는 창이며, 회원이라면 누구나 사용할 수 있지만, 포인트샵과 연동되어 사용됩니다

 

제가 예상하기엔 2달 가량 소요될 것 같은데...

 

전체적으로 컴포넌트만 잘 구성해놓으면, 재활용성이 쉬우니 어쩌면 더 빠를 수 있겠네요

 

다만 그누6. 설치 버그(?) 때문에 기존 데이터 연동 테스트가 안되서 ㅜ 아쉽네요 하하

 

마지막편까지 다 쓰는 그날 까지... 화이팅 

 

주말 잘 보내세요^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

베스트 댓글

@부산곰돌이 UI 라이브러리로 제작 중인데 내장된 기능입니다 antd 라이브러리 + tailwind로 만들고 있습니다

원댓글 보기 →

청춘이 부럽습니다...ㅎㅎ

원댓글 보기 →

청춘이 부럽습니다...ㅎㅎ

@gpgpu 40대라 그렇게 청춘은 아닙니다 하하

실력에, 열정에, 추진력까지!!!

뒤애서 조용히 응원합니다.

화이팅!!!

 

늘~  마나님으로 읽는 1인이었습니다.^^

@휴매니아 감사합니다♡

Ajax처럼 실시간으로 변경되나 보네요?

@울라프 넵 맞습니다

오우 멋집니다~!

비동기 로딩될 때 skeleton 표시되는 것은 next.js 가 기본 제공하는 기능인가요?

@부산곰돌이 UI 라이브러리로 제작 중인데 내장된 기능입니다 antd 라이브러리 + tailwind로 만들고 있습니다

게시판 목록

자유게시판

글쓰기
🐛 버그신고