moa
홈탐색블로그
문의하기
개인정보 처리방침문의하기
홈탐색블로그

Moa — 웹 프로젝트 쇼케이스

신규 프로젝트

www.unj.kr 썸네일
윤재홍·www.unj.kr

unj

un-j(언제) · 무료 일정 관리 웹이에요. 1년동안 실사용하면서 기능들을 추가해왔고, 익명기능 (도시명), 홀딩기능(방장이 일정을 고정), 색상채널(오프라인-초록색 , 온라인 -파란색 , 미정-노란색) localstorage를 통한 생성,참가방 기억, url params를 통한 방장 모드 기능, 1000ms폴링을 통한 실시간 연동, 등 많은 여러 요소들을 고려했어요!

greedy-conference.netlify.app 썸네일
윤재홍·greedy-conference.netlify.app

greedy-conference

www.greedy-homepage.com 썸네일7
윤재홍·www.greedy-homepage.com

세종대 중앙 개발 동아리 greedy

세종대 중앙 개발 동아리 greedy 홈페이지입니다.

roka-smartlife.kr 썸네일114
김김동건·roka-smartlife.kr

roka-smartlife

voluble-dasik-fcbe04.netlify.app 썸네일1
윤재홍·voluble-dasik-fcbe04.netlify.app

자기소개 페이지

리액트 처음 공부할 때 만든 자기소개 페이지에요

no-squish-train.vercel.app 썸네일15
Johncakes·no-squish-train.vercel.app

NoSquishTrain

지하철 혼잡도 보는 툴 데이터는 분기별로 업데이트 됩니다

guileless-pika-2b8bc5.netlify.app 썸네일4
윤윤재홍·guileless-pika-2b8bc5.netlify.app

react-render-board(rrb)

개발환경에서, 리액트 렌더 트리를 다이어그램으로 나타내, 프론트를 처음 공부하는 개발자들이 쉽게 리액트를 이해할 수 있게 해주는 npm을 만들었어요!

moa-two-kappa.vercel.app 썸네일13
윤윤재홍·moa-two-kappa.vercel.app

moa(모아)

누구나 자신이 만든 서비스를 링크만 등록하면 같이 체험하고 피드백 받을 수 있는 플렛폼이에요~

smile-smile-smile.vercel.app 썸네일
윤윤재홍·smile-smile-smile.vercel.app

매일 웃어요~

릴레이 텔레스트레이션 표정연습 서비스에요

manna-mu.vercel.app 썸네일2
윤윤재홍·manna-mu.vercel.app

manna(만나)

한입 릴스형 성경 웹

doogoodoogoo.kr 썸네일
윤윤재홍·doogoodoogoo.kr

두구두구

세종대 학사일정과, 두드림 비교과 행사,일정들을 원하는 만큼 골라 캔린더에 자동으로 추가해주는 서비스입니다

resplendent-selkie-2e1e63.netlify.app 썸네일1
윤윤재홍·resplendent-selkie-2e1e63.netlify.app

JS 머신러닝 클론 코딩

라이브러리 없이 순수 JS만으로 유전적 알고리즘을 구현한 클론코딩 프로젝트입니다.

인기 프로젝트

roka-smartlife.kr 썸네일114
김김동건·roka-smartlife.kr

roka-smartlife

moa-two-kappa.vercel.app 썸네일13
윤윤재홍·moa-two-kappa.vercel.app

moa(모아)

누구나 자신이 만든 서비스를 링크만 등록하면 같이 체험하고 피드백 받을 수 있는 플렛폼이에요~

www.greedy-homepage.com 썸네일7
윤재홍·www.greedy-homepage.com

세종대 중앙 개발 동아리 greedy

세종대 중앙 개발 동아리 greedy 홈페이지입니다.

no-squish-train.vercel.app 썸네일15
Johncakes·no-squish-train.vercel.app

NoSquishTrain

지하철 혼잡도 보는 툴 데이터는 분기별로 업데이트 됩니다

guileless-pika-2b8bc5.netlify.app 썸네일4
윤윤재홍·guileless-pika-2b8bc5.netlify.app

react-render-board(rrb)

개발환경에서, 리액트 렌더 트리를 다이어그램으로 나타내, 프론트를 처음 공부하는 개발자들이 쉽게 리액트를 이해할 수 있게 해주는 npm을 만들었어요!

manna-mu.vercel.app 썸네일2
윤윤재홍·manna-mu.vercel.app

manna(만나)

한입 릴스형 성경 웹

voluble-dasik-fcbe04.netlify.app 썸네일1
윤재홍·voluble-dasik-fcbe04.netlify.app

자기소개 페이지

리액트 처음 공부할 때 만든 자기소개 페이지에요

resplendent-selkie-2e1e63.netlify.app 썸네일1
윤윤재홍·resplendent-selkie-2e1e63.netlify.app

JS 머신러닝 클론 코딩

라이브러리 없이 순수 JS만으로 유전적 알고리즘을 구현한 클론코딩 프로젝트입니다.

www.unj.kr 썸네일
윤재홍·www.unj.kr

unj

un-j(언제) · 무료 일정 관리 웹이에요. 1년동안 실사용하면서 기능들을 추가해왔고, 익명기능 (도시명), 홀딩기능(방장이 일정을 고정), 색상채널(오프라인-초록색 , 온라인 -파란색 , 미정-노란색) localstorage를 통한 생성,참가방 기억, url params를 통한 방장 모드 기능, 1000ms폴링을 통한 실시간 연동, 등 많은 여러 요소들을 고려했어요!

greedy-conference.netlify.app 썸네일
윤재홍·greedy-conference.netlify.app

greedy-conference

smile-smile-smile.vercel.app 썸네일
윤윤재홍·smile-smile-smile.vercel.app

매일 웃어요~

릴레이 텔레스트레이션 표정연습 서비스에요

doogoodoogoo.kr 썸네일
윤윤재홍·doogoodoogoo.kr

두구두구

세종대 학사일정과, 두드림 비교과 행사,일정들을 원하는 만큼 골라 캔린더에 자동으로 추가해주는 서비스입니다

세로형 프로젝트

smile-smile-smile.vercel.app 썸네일
윤윤재홍·smile-smile-smile.vercel.app

매일 웃어요~

릴레이 텔레스트레이션 표정연습 서비스에요

커뮤니티

인기 댓글2026. 8. 16.

manna(만나)

윤재홍

이미지
제 영혼을 갈아서 만든 애장품입니다…

댓글 2개
인기 댓글2026. 8. 16.

moa(모아)

윤재홍

블로그 기능은 고민중이에요!
블로그를 이곳에서 쓰는 것 보단 임베딩이 합리적이지 않을까 해요

댓글 13개
인기 댓글2026. 8. 16.

roka-smartlife

윤재홍

어 근데 깃허브 oauth 인증 안했으면 프로젝트 등록 못하게 해 놓았었는데 어떻게 등록하셨지?

확인해 볼게요,,

댓글 14개
인기 댓글2026. 8. 16.

세종대 중앙 개발 동아리 greedy

윤재홍

이미지를 등록하는 것보다,
moa처럼, iframe을 이용하여
https://www.greedy-homepage.com/
안에서 바로 테스트할 수 있는 UX를 고려해보고 있는데
이러면 저만 이해할 것 같아서
인수인계…

댓글 7개
인기 댓글2026. 8. 15.

자기소개 페이지

윤재홍

처음 잘 몰랐을 때
리액트 csr + 라우팅을 하지 않고 페이지를 구현해서(컴포넌트 상태로만 구현)

여기서는 오류가 생기네요,,

댓글 1개
인기 댓글2026. 8. 15.

react-render-board(rrb)

윤재홍

ALT 누르고 마우스클릭,호버 해 보세요~

댓글 4개
인기 댓글2026. 8. 14.

NoSquishTrain

윤재홍

n호선이라는 시각적 가독성을 위해
택스트를 추가하고 노선을 좀 더 두껍게 하면 어떨까요?

댓글 5개

가로형 프로젝트

www.unj.kr 썸네일
윤재홍·www.unj.kr

unj

un-j(언제) · 무료 일정 관리 웹이에요. 1년동안 실사용하면서 기능들을 추가해왔고, 익명기능 (도시명), 홀딩기능(방장이 일정을 고정), 색상채널(오프라인-초록색 , 온라인 -파란색 , 미정-노란색) localstorage를 통한 생성,참가방 기억, url params를 통한 방장 모드 기능, 1000ms폴링을 통한 실시간 연동, 등 많은 여러 요소들을 고려했어요!

greedy-conference.netlify.app 썸네일
윤재홍·greedy-conference.netlify.app

greedy-conference

www.greedy-homepage.com 썸네일7
윤재홍·www.greedy-homepage.com

세종대 중앙 개발 동아리 greedy

세종대 중앙 개발 동아리 greedy 홈페이지입니다.

roka-smartlife.kr 썸네일114
김김동건·roka-smartlife.kr

roka-smartlife

voluble-dasik-fcbe04.netlify.app 썸네일1
윤재홍·voluble-dasik-fcbe04.netlify.app

자기소개 페이지

리액트 처음 공부할 때 만든 자기소개 페이지에요

no-squish-train.vercel.app 썸네일15
Johncakes·no-squish-train.vercel.app

NoSquishTrain

지하철 혼잡도 보는 툴 데이터는 분기별로 업데이트 됩니다

guileless-pika-2b8bc5.netlify.app 썸네일4
윤윤재홍·guileless-pika-2b8bc5.netlify.app

react-render-board(rrb)

개발환경에서, 리액트 렌더 트리를 다이어그램으로 나타내, 프론트를 처음 공부하는 개발자들이 쉽게 리액트를 이해할 수 있게 해주는 npm을 만들었어요!

moa-two-kappa.vercel.app 썸네일13
윤윤재홍·moa-two-kappa.vercel.app

moa(모아)

누구나 자신이 만든 서비스를 링크만 등록하면 같이 체험하고 피드백 받을 수 있는 플렛폼이에요~

manna-mu.vercel.app 썸네일2
윤윤재홍·manna-mu.vercel.app

manna(만나)

한입 릴스형 성경 웹