Version: v20240429-001

일반 알림
친구 알림
친구 신청
가화네 실버타운> ✨노닥노닥 생활관✨

[잡담]인제까지 클론코딩해본 사이트들입니다.

  • 45 조회
굿뉴클리어
activity-badgeactivity-level-badge
user-profile-image

오랜만에 글쓰네요. ㅎㅎ 진짜 오랜만에 감을 잡았는지 가화님 방송 알림도 까먹은채 코딩만 하다 온거 같네요. ㅠㅠ

이번주 주말에는 꼭 생방 챙겨보겠습니다! 아무튼 지금까지 코딩 해본 사이트들입니다. 

이제는 완벽하게 따라하기보단 제가 좋아하는것들? 이나 생각나는것을 조금씩 추가해봤습니다.

1.10x19


원작 사이트 URL:http://10x19.co/



사이트 URL:https://badnuclear.github.io/10x19_clone_coding/


약간의 자바스크립트 코드가 들어가긴했습니다. 이번에는 이미지를 우주?로 바꿔서 코딩해봤는데 칸나누는게 지옥이더라고요..... 단순한데 웹사이트는 기본 고정값이 있기 때문에 그것때문에 더 헷갈리는.....


2.Schwartz


원작 사이트 URL:https://schwartzmedia.com.au/




사이트 URL:https://badnuclear.github.io/schwartz_clone_coding/


두번째로 클론코딩한 사이트는 제가 개인취향으로 약간 변경해서 디자인만 원작사이트와 비슷하게 디자인하고 내용은 

일본 쿄토에서 제가 다시한번 가고 싶거나 개인적으로 가고 싶은 문화재를 가지고 만들었습니다. 실제로 Site라는 버튼을 누르시면 그 해당 문화재 설명이나 공식 사이트로 들어가지며, 하나는 제가 항상 강의를 듣고 있는 노마드 코더 유튜브로 들어가지게 이스터 에그를 넣어놨습니다.ㅎㅎ


여담이지만 원래 3번째 사이트도 클론코딩을 했습니다. 

원작 URL:http://www.z-o-o.fr/



하지만 어떠한 이유인지는 모르겠지만 제가 코딩할때나 사이트를 배포할때는 문제가 없었는데 오늘 들어가보니 사진 링크가 어떠한 이유인지는 모르겠지만 먹통이네요. ㅠㅠ

일단은 올려 드리겠습니다만, 아마 사진은 깨지거나 안보일실거라 생각합니다. 

이건 아마 API가 문제일거라 생각해서 시간이 된다면 되지 않을까 라고 생각은 합니다만, 다른방법으로도 한번 수정해봐야겠네요.

대충 원작 사이트를 보시고,이렇게 비슷하게 만들었구나 라고만 알고 계시면 될듯합니다. ㅠㅠ

사이트 URL:https://badnuclear.github.io/zoo_clone_coding/

댓글 (3)
user-profile-image가화1년 전
코딩 쉽지않은데 대다네…회사구할때 연락조..
user-profile-image인생전소1년 전
호고곡 가화 홈페이지 어떤모습일까
user-profile-image굿뉴클리어1년 전
ㄷㄷㄷ 아직까지는 실력이 부족하다 생각해서 좀더 공부하면서 취준을 하고 있기는합니다만, 말씀은 감사합니다!! 한번 가화님 팬사이트를 대충 머리속으로 구상은 해놓긴했는데 이게 생각외로 생각할게 많아서 좀더 공부를 하고 있습니다.(DB 라든지 아마존 AWS 요금이나 서버 배포라든지..... 등등)