Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back

보고 마음에 들었던 웹사이트 비슷한 코드 얻어서 내꺼로 만들기

#bla-bla
4주일 전
106
1

안녕하세요!
최근에 React Router v7 Maker Masterclass당근마켓 클론 클래스를 수강하면서, React에 대한 이해도가 이전보다 많이 올라갔습니다. 그 덕분에 요즘은 여러 가지를 직접 시도해보며 연습하고 있어요.

요즘은 특히 독창적인 아이디어틈새시장 공략 아이템만 잘 잡으면, 좋은 프로덕트를 비교적 빠르게 만들어볼 수 있겠다는 자신감도 생기더라구요 AI나, Cursor AI, claude code 등등이 있으니까요.

그러다 예전부터 알고 있던 웹사이트인 https://same.dev/를 다시 살펴보게 되었는데, 이 사이트가 정말 유용하더라구요.


👉 URL만 입력하면, 그 웹사이트의 UI뿐만 아니라 일부 로직까지 복제해주는 툴인데요,
예를 들어 내가 "이런 방식으로 한번 만들어보고 싶다" 싶은 사이트를 입력하면, 색상, 디자인, 인터랙션 등이 거의 그대로 구현되어 나옵니다.

덕분에 저는 이 사이트에서 코드를 다운로드하거나 참고해서, 제 프로젝트에 맞게 수정해서 사용해보고 있어요. 그래서 여러분께도 공유해봅니다.

기본적으로 한 달에 약 500,000 토큰까지 무료로 제공되는 걸로 알고 있고요,
예를 들어,

  • 배경에 입자(Particle)들이 떠다니는 효과

  • 감성적인 색감이나 따뜻한 톤의 디자인

  • 또는 뭔가 매력적인 스트리밍 인터페이스

이런 것들이 눈에 띌 때, same.dev를 통해 미리 구현된 구조와 UI를 확인하고, 코드를 참고해서 내 방식으로 직접 구현해보는 데에 많은 도움이 됩니다.

정리하자면,
“좋아 보였던 UI나 기능을 빠르게 분석하고, 내 것으로 바꾸는 연습”에 굉장히 유용한 도구입니다.
관심 있으시면 한 번 사용해보시고, 직접 구현해보는 방식으로 실력을 키워보시는 것도 추천드려요! 😊

1 comment