# clone coding

15개의 포스트

Google Clone Coding

padding을 줄 경우 :border 안쪽 범위이기 때문에 클릭 공간이 넓어짐.margin을 줄 경우 :border 바깥쪽 범위이기 때문에 클릭 공간이 적어짐.

2021년 2월 14일
·
0개의 댓글
post-thumbnail

KAN MEDIA 클론코딩-header

html, css, javascript의 익숙함을 높이기 위한 웹사이트 클론코딩입니다.클론코딩할 웹사이트는 칸 미디어입니다.설명은 없고, 작업 내용을 정리한 것입니다.(2021-02-14)1\. 메인 메뉴를 hover, focus했을 때 color가 바뀌는 것2\. 언

2021년 2월 14일
·
0개의 댓글
post-thumbnail

GitHub Page Design Clone

HTML과 CSS에 익숙해지기 위해 github(https://heropcode.github.io/GitHub-Responsive/)페이지 디자인을 클론 해본다.페이지의 상단 Header(빨간 박스) 부분 부터 디자인 한다. 헤더는 가운데 정렬이 되어있고 그

2021년 2월 10일
·
0개의 댓글
post-thumbnail

Project 001 ToDoList

목표: Clone하며 code의 basic logic을 이해하기!

2021년 2월 8일
·
0개의 댓글
post-thumbnail

[클론코딩 :: CUBE ME] 반응형 웹 클론코딩 완성

회사에서 웹디자이너 + 퍼블리셔로 일하다가 퇴사 후,몇개월 동안은 리액트나 JS 위주의 개념을 잡고 공부하느라html, css 마크업 코딩을 꽤 안했다고 생각이 들어서 시작하려니 겁이 좀 났었다감을 잃었으면 어쩌지.. 하는 근심이 조금 있었는데막상 시작하고보니 역시나

2021년 2월 8일
·
0개의 댓글
post-thumbnail

2차 프로젝트 후기 21.02.06

TRELLO - 프로젝트 일정 관리 도구바쁜 프로젝트 속에서 11시 30분이되면 PM의 주도하에 본인이 맡은 임무를 빠르고 간결하되 정확한 메시지를 전달 받는 방법이 바로 사전 트렐로를 통한 정보 공유라고 생각했습니다. 아래와 같은 카드를 이용하여 본인이 하는 단위 업

2021년 2월 5일
·
1개의 댓글
post-thumbnail

[html, csss]kakao talk 클론코딩

기간: 2020.12.26.~2021.01.16(22일) 으아!!! 드디어 나의 첫번째 코딩 입문기인 카카오톡 클론코딩을 끝냈다! 중간중간 배운 내용들을 메모하면서 할 것을 그랬다.. 다음부턴 메모 잘해야지! https://jaegyeong-an.github.i

2021년 1월 16일
·
0개의 댓글
post-thumbnail

[HTML/CSS Toy Project]YouTube Clone | 유튜브 클론코딩 + 직접 리디자인한 동영상서비스 UI 클론코딩

올해 코딩 재입문 후 처음 진행한 개인 미니 프로젝트다. 유튜브 클론코딩 강좌를 듣고 작업한 결과물이 맘에 안 들어서, 직접 나만의 동영상서비스를 디자인해서 코딩해 보았다.

2020년 11월 6일
·
3개의 댓글
post-thumbnail

유튜브 클론코딩_BASIC

개발 공부를 시작하면서, 가장 많이 추천 받았던 공부법 중 하나가 클론코딩이었다.즉 기존에 이미 만들어진 서비스를 똑같이 따라 만들어가며 코드 사용법 특히, 이론적인 것이 아닌실사용법에 익숙해 지는 것이다.

2020년 10월 4일
·
0개의 댓글
post-thumbnail

Ggoogle Clone Coding - Review

💻 갑분 클론코딩? 사실 기본 코딩에 관한 포스팅이 끝나고 다음

2020년 7월 16일
·
0개의 댓글

Instagram Clone Coding - Main page

완성본 HTML CSS Javascript ![](https://images.velog.io/images/jy0791/post/79598228-0d15-428f-bdfb-ed41da54af84/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1

2020년 5월 9일
·
0개의 댓글

Instagram Clone Coding - Login page

head에 meta data인 common.css와 login.css 링크를 걸어준 후, body tag를 크게 main, section, footer로 나누었다.(사실 로그인 페이지라 main, section만으로도 충분히 구성이 가능하지만, 연습을 위해..)main

2020년 5월 9일
·
0개의 댓글
post-thumbnail

메가박스 홈페이지 마크업 및 스타일 파헤치지

메가박스 클론 코딩 을 보고, 전체적으로 화면을 어떻게 구성했는지 짧게 정리한 포스트container 를 이용해 center 정렬row 를 이용해 추가 여백항상 container 와 row는 붙어 다닌다.각 섹션에 아이디 값을 지정하고, 여기에는 기본 레이아웃 지정po

2020년 4월 28일
·
0개의 댓글
post-thumbnail

쿠팡 클론 코딩 - 어플리케이션 기능 정의

책 "클린 소프트웨어(로버트 C. 마틴)"을 보면 시스템 설계에 관한 사례 연구를 보여주는데, 애자일 프랙티스의 첫 반복 주기에서는 사용자 스토리를 정의하고, 이를 하나하나 분석하면서 모델링에 관한 통찰을 얻는 모습을 볼 수 있다. (관련내용 바로가기) 그에 따라 우리

2020년 4월 15일
·
5개의 댓글
post-thumbnail

프로젝트 - 쿠팡 클론 코딩

아래는 최근에 관심있게 공부했던 것들이다.DDD (도메인 주도 설계)OOP & 디자인 패턴spring cloud MSAkotlin reactive programming나열한 것 중 위 2개는 방법론에 관한 것이고, 아래의 2개는 기술적인 것이라고 할 수 있을 것 같다.

2020년 4월 15일
·
2개의 댓글