# 클론코딩

550개의 포스트
post-thumbnail

React - state

중요한 데이터는 변수 말고 state에 담는다주의 return () 안에는 병렬로 태그 2개 이상 기입 금지JSX 식에는 부모 요소가 하나 있어야 한다고 에러 메세지가 뜬다부모 요소에 <></> 태그로 감싸주면 된다state 만드는 법리액트 에서는 자료를 잠

4일 전
·
0개의 댓글
·
post-thumbnail

React - blog intro, 상단메뉴

코딩애플의 온라인 강의를 참고하여 작성한 글입니다Create React App이라는 라이브러리 도움을 받아 프로젝트 생성을 하는게 일반적인데이 라이브러리를 쓰고싶으면 npm이 있어야 하는데 npm이란 라이브러리를 다 모아놓은 플랫폼이다(node.js설치할때 딸려온다)h

4일 전
·
0개의 댓글
·
post-thumbnail

[React] 쿠팡 클론코딩

쿠팡 클론코딩을 진행하면서 깨닫거나 해야될 일을 정리해야겠다.

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #022일

슬라이드 이미지 hover 기능과 버튼 기능 (슬라이드) HTML 구성CSS는 생략...(슬라이드) JavaScript 구성HTML 구성CSS 구성

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #021일

경기도 사이버 도서관메뉴는 생략하고 슬라이드 부분과 검색창을 만든다 (슬라이드) HTML 구성span 태그에는 ir_pm 을 넣어 작성한다..ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

📺 Next.js 로 Netflix 웹앱 클론코딩 🎬

<React만 해본 초짜의 Next.js와 Typescript를 이용한 Netflix 웹앱 클론코딩> NextJS에서 GetServerSideProps를 이용하여 깔쌈하게 API와 통신하고 Data Fetch까지 해보자 (feat. <style jsx>)

2022년 11월 13일
·
0개의 댓글
·
post-thumbnail

Vanilla JS로 크롬 앱 만들기 - To Do List

노마드 코더(Vanilla JS로 크롬 앱 만들기) 영상으로 클론 코딩 하며 기록한 글 입니다1단계 : 먼저 input 으로 사용자의 value를 받아보자HTML의 태그를 javascript로 접근하여 각 변수에 저장하였다변수 toDoForm 즉 input에 사용자가

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

Vanilla JS로 크롬 앱 만들기 - random

노마드 코더(Vanilla JS로 크롬 앱 만들기) 영상으로 클론 코딩 하며 기록한 글 입니다명언을 랜덤으로 나타나게 해보자 (●'◡'●)예시로 크롬 확장 프로그램인 momentum을 화면 이다랜덤 배경화면과 하단에 랜덤 명언과 작가 이름이 나타난다Math는 흥미로운

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

Vanilla JS로 크롬 앱 만들기 - Clock

login에 이어서 시계를 넣어보자 👉⏱️⏰⏲️🕰️setInterval() , setTimeout() 에 대해서 간단하게 설명하면setInterval()은 '매번' 일어나야 하는 무언가,만약 2초이면 -> 매 2초마다 인자로 받은 함수를 매번 동작하는 메서드 set

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

클론 코딩1

화면을 구성하고 숫자 버튼을 누른다음 SUBMIT 버튼을 눌러서 제출하면어떤 숫자를 눌렀는지 출력하는 화면을 구성하는게 목표입니다.(자세한 css 값을 모르고 이미지만 보고 따라만들기 때문에 구체적인 수치는 다를 수 있습니다. 어려웠던점 jscss 마우스올렸을때 크기

2022년 11월 9일
·
0개의 댓글
·

Vanilla JS로 크롬 앱 만들기 - Login

노마드 코더(Vanilla JS로 크롬 앱 만들기) 영상으로 클론 코딩 하며 기록한 글 입니다

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

NAVER

네이버 클론 코딩 기록

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

instagram 메인화면 클론코딩

만들고자 하는 화면의 모습입니다.아래 관련 정보를 담을 부분으로 나눴습니다.왼쪽의 스마트폰 화면을 구성하는 파트와 오른쪽의 로그인 화면을 구성하는 두가지로 나눠 만들었습니다.아이디와 비밀번호를 입력할 수 있는 화면과 가입 또는 앱 다운받기 버튼이 위치한 화면 이렇게 두

2022년 11월 6일
·
0개의 댓글
·

SEB40 Preproject 회고 [I1E5]

10월 20일, 팀원들과의 첫 만남 후 2주 반이 순식간에 지나갔다.이 여운과 아쉬움과 애틋함(?)과 서운함이 시간에 희석되기 전에 어서 회고를 작성해야겠다.우리 팀 이름 I1E5는 아마 예상하는 분들이 많겠지만 MBTI로 성격 유형을 분류했을 때 내향인(I) 한명,

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

[대광건영]

💻 대광건영 clone coding사이트명 : 대광건영사용언어 : html / scss / js분류 : 적응형 PCswiper-pagination - fractionswiper-navigation - gaugeslide영역 width값 잡기🎈 기본원리control해

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[오늘의집]

💻 오늘의집 clone coding사이트명 : 오늘의집(mobile)사용언어 : html / css / js분류 : 적응형 PCheader scrolltab-menumenu-click-event반응형 슬라이더 Swiper가로/세로 스크롤컨트롤JSON스크롤에 반응하는

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[NAVER]

💻 Naver clone coding사이트명 : 네이버사용언어 : HTML / CSS분류 : 적응형 PC시맨틱 마크업의미있는 클래스명 짓기웹 접근성을 고려한 blind 기법float 해제 방법IR, IS 기법: 태그 자체에 의미를 부여하여 마크업을 구성하는 것.✍ 시

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

왓챠 클론코딩 (풀페이지 스크롤)

플러그인 없이도 할 수 있다구 🎃

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

instagram 게시물 좋아요 기능구현

instagram클론코딩 게시물 좋아요 기능

2022년 10월 30일
·
0개의 댓글
·