# 클론코딩

142개의 포스트
post-thumbnail

Google Clone 해보자

자세히 들여다보면 이런 느낌.기가 막힌 기술을 쓰거나 배운 내용을 모두 다 갈아 넣었다고 생각하진 않는다. 하지만 HTML, CSS 초짜에게 이정도는 꽤나 발전된 모습인 것 같다!헷갈리거나 어려운 부분, 검색을 통해서 새로 얻은 정보들은 코드 안에 주석으로 처리해두었다

2021년 6월 7일
·
0개의 댓글
post-thumbnail

[클론코딩, React] 오늘의집

프론트엔드 깃헙 주소백엔드 깃헙 주소위코드 2차 프로젝트로 오늘의집 을 클론코딩했다. 자취하면서 인테리어에 관심갖게 되고 자주 들락날락 했었던 사이트. 우리집 인테리어에 많은 기여를 해줬던 사이트. 애정있는 사이트가 선정되어 시작부터 기분이 좋았다. 😀이번 2차 프로

2021년 6월 6일
·
6개의 댓글

[TIL.03 wetube] 6.0 to 6.28

6.0 Array Database part One data 를 post 하는 방법 6.1 Array Database part Two 6.2 Edit Video part One 6.3 Edit Video part Two 6.4 Recap 6.5 More Practcie part One 6.6 More Practcie part Two

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

[TIL] 3주차 토요일_290521

오늘 공부한 것, 느낀 점, 내일은

2021년 5월 29일
·
0개의 댓글
post-thumbnail

[클론코딩, React]카카오 프렌즈 골프

프론트엔드 깃헙주소백엔드 깃헙주소위코드 1차 프로젝트인 카카오 프렌즈 골프 클론코딩 기간이 끝났다. 추가로 구현하고 싶은 부분들, 자잘하게 이상해보이는 부분들을 계속 수정하고 싶지만 곧바로 2차 프로젝트에 돌입하므로 일단 첫번째 회고록을 쓴다. 그 후에는 '프로젝트를

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

1차 프로젝트 회고록 [Life Friends]-1편

프로젝트 진행상황 사이트 분석 및 계호기 내가 맡은 역할 blocker 배운것들 후기 1차 프로젝트 기간: 2021.05.10 ~ 2021.05.21 (약 2주) 팀원: 유림님(PM, Frontend), 가람(Frontend), 승호님(Backend), 준현님(Fro

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

노마드 코더를 공부하면서.

노마드코더 그만둔 이유, 새로운 마음가짐

2021년 5월 19일
·
0개의 댓글
post-thumbnail

인스타그램 클론코딩(진스타그램)

사용 기술 스택프론트자바스크립트(바닐라)백엔드node js(Express)데이터 베이스MongoDBNaver Colud platform Object Store(S3)로그인 화면로그인 오류) 존재하지 않는 계정일 경우로그인 오류) 존재하지만 비밀번호가 틀린 경우이미 존재

2021년 5월 18일
·
0개의 댓글
post-thumbnail

Velog Clone Coding _ 1. 기획

첫 포스팅에서 적었던 것들이 여러개 있지만 먼저 토이 프로젝트 부터 해보자.그리고 항상 토이프로젝트를 할때면 정하기 어려운게 어떤것을 만들건가이다.그래서 그냥 velog 클론 코딩 하기로 했다. 내가 앞으로 매일 블로그 쓰면서 들어올 것이고어떤것을 만들던 나에게 도움이

2021년 5월 6일
·
0개의 댓글

[자바스크립트] Porsche 메인페이지 구현

포르쉐 메인페이지를 구현해 보았다. 생각보다 디테일한 요소가 많아 미스치프 사이트보다 어려운 점이 있었고 html 구조를 꼼꼼히 구성해야 했다. 구현영상을 먼저 보고 코드 리뷰를 할 예정이다. 구현영상 .gif) >#### 구성요소 html 코드 css 코드

2021년 4월 27일
·
0개의 댓글
post-thumbnail

[ Review ] 프로젝트 상세리뷰 - Component & props & state

컴포넌트 분리 잘게자른 컴포넌트 믿기 힘들겠지만 이게 내가 맡은 페이지의 컴포넌트 파일이다. 저때는 파트별로, 부모요소 컴포넌트의

2021년 4월 25일
·
2개의 댓글
post-thumbnail

[회고록]1차 프로젝트 후기

2주의 pre-course, 2주의 foundation 과정을 거쳐 드디어 1차 프로젝트를 시작하게됐다. 총 서로다른 7개의 커머스 웹페이지를 7개의 팀이 클론 프로젝트를 진행하게됐다. 클론 프로젝트를 진행함은 기획과 디자인에 소모하는 시간과 노력을 줄이고 개발에 집중

2021년 4월 25일
·
1개의 댓글
post-thumbnail

1차 코딩 팀 프로젝트 회고록(Market ChoKurly)

프로젝트에 들어가기에 앞서...🏃‍♂️ 설렘 반 두려움 반 내가 과연 잘할 수 있을까? wecode생활을 하면서 사실 상 처음인 팀 프로젝트였다. (물론, instagram 클론한 결과물을 팀을 짜서 git을 통해 합쳐 보는 경험을 해보긴 했지만..) 그동안 내가

2021년 4월 25일
·
1개의 댓글
post-thumbnail

[클론코딩]인스타그램

본 게시물은 위코드 2주차 과제인 인스타그램 클론코딩-로그인페이지와 메인페이지 구현 내용이다. 자잘한 기능 말고 기억하고 싶은 코드가 있는 기능을 위주로 작성하려고 한다. 구현한 기능 1. 댓글 추가 삭제 및 각각 댓글의 좋아요

2021년 4월 24일
·
2개의 댓글
post-thumbnail

[자바스크립트] mischief 상품 상세페이지 &전체 구현영상

상품 상세페이지를 구현해 보았다.overflow hidden 을 통해 전체 이미지를 저장한후 화면을 넘어가는 이미지는 안보이게 설정하였다.이미지 슬라이드에서 이미지를 한번 누를때마다 left 값을 변경하여 overflow hidden으로 숨긴 페이지들을 버튼을 클릭하면

2021년 4월 12일
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 아웃터 페이지

미스치프 아웃터 페이지를 구현해 보았다.이미지에 마우스를 올리면 이번에는 css로 opacity 값을 바꿔줄 수 있도록 하였다.이미지에 마우스를 올리면 이미지가 바뀌고 이미지에서 마우스 밖으로 나가면 원래 이미지로 바꾸도록 구성하였다.

2021년 4월 12일
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 로그인 페이지

이번에는 미스치프 로그인 페이지 구현을 보여줄려고 한다.check 박스는 디자인을 할 수 없어서 check박스를 none로 만들고 이미지를 넣어 체크를 하면 이미지가 보이게 만들었다. 그리고 메뉴 텍스트에 마우스를 올리면 underline이 나오게 구성 하였다.체크박스

2021년 4월 12일
·
0개의 댓글

[자바스크립트] mischief 메인페이지 클론

2주간 벨로그 업로드가 없었던 이유는 2주를 기간을 잡고 미스치프 사이트를 클론코딩해 보았다.사용 언어는 html , css , javascript로만 구성하여 만들었고 원래 있던 사이트 코드를 따라서 구성한게 아닌 보여지는 화면만을 가져와 나의 순수한 코드로 만들어

2021년 4월 12일
·
0개의 댓글