최근에 만든 클론코딩한 사이트입니다.

활동 레벨: <app-user-activity-level _ngcontent-serverapp-c2575251339 class="activity-level ng-star-inserted" _nghost-serverapp-c2494967438><img _ngcontent-serverapp-c2494967438 width="11" height="13" loading="lazy" src="/assets/images/activity-level-icon/LV14.png"> (2,186 Exp)
가입일: 2022-09-21
사용 코인: 0코인
게시글: 74 | 댓글 : 285
보낸 추천: 136
받은 추천: 133

요즘에 한참 웹디자인이 진짜 디자인하는데 너무 힘든거 같아서 CSS와 SCSS를 집중적으로 공부하고 있습니다. 위치나 갤러리 형식으로 만들고 싶은데 이런게 부족하다보니 집중적으로 공부하는데 생각외로 쉬우면서도 어렵네요...

그래서 원래 있던 사이트를 강의를 같이 들으면서 한번 클론코딩 해보았습니다.

다른것보다 직접 코드를 처보는게 머리에 기억이 잘남으니깐요.

1.BestHorror(원본 URL: https://besthorrorscenes.com/ )

<div contenteditable="false" data-media-list='[{"id":16690037169840,"media_type":"IMAGE","url":"https://image.shelter.id/1669003716811_best_horror_.png","videoThumbnailImage":""}]' fr-original-class="fr-carousel fr-uploading" fr-original-style="" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s ease 0s; opacity: 1;"> GitHub URL( https://badnuclear.github.io/scss-study/ )

2.Paint Box(원본 URL: https://paint-box.com/ )

<div contenteditable="false" data-media-list='[{"id":16690038657040,"media_type":"IMAGE","url":"https://image.shelter.id/1669003865410_Paint_box_.png","videoThumbnailImage":""}]' fr-original-class="fr-carousel fr-uploading" fr-original-style="" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s ease 0s; opacity: 1;"> GitHub URL( https://badnuclear.github.io/Paint-box_clone_coding/ )