# front end

110개의 포스트
post-thumbnail

[D3.js] selection부터 transition까지-1

D3.js는 D3.js is a JavaScript library for manipulating documents based on data. (Data-Driven Documents 그래서 D3) 데이터 기반으로 도큐먼트를 컨트롤하는 자바스크립트 라이브러리이다. 사실

어제
·
0개의 댓글
post-thumbnail

[React] Vivino Clone

PALDO VIVINO Vivino는 온라인 와인 마켓 플레이스 vivino사이트를 클로닝했다. - VIVINO 처음보는 사이트였지만, 재미있는 기능이 있는 사이트였기 때문에 기대가 됐다. 또한 PM으로 시작하게되어 1차보다 더 책임감을 느끼고 시작했다. Intr

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

[React] 함수형 컴포넌트, useState

본 시리즈는 같은 학원 수강생들과 함께하는 React 스터디 진행의 내용을 바탕으로 무작정 부딪치고 시간을 들여 얻은 지식을 공유하고자 한다.학습 내용은 본인이 작성한 예제로 진행했으므로 틀린점이나 보완점이 있으면 피드백 부탁드립니다.리액트는 16.8 버전에 Hook이

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

[React] 생명주기(Lifecycle)

본 시리즈는 같은 학원 수강생들과 함께하는 React 스터디 진행의 내용을 바탕으로 무작정 부딪치고 시간을 들여 얻은 지식을 공유하고자 한다.학습 내용은 Do it! 리액트 프로그래밍 정석 교재를 기반으로 작성했다.리액트의 컴포넌트는 지정되어있는 생명주기 함수가 존재하

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

[React] props와 state

본 시리즈는 같은 학원 수강생들과 함께하는 React 스터디 진행의 내용을 바탕으로 무작정 부딪치고 시간을 들여 얻은 지식을 공유하고자 한다.학습 내용은 Do it! 리액트 프로그래밍 정석 교재를 기반으로 작성했다.리액트의 프로퍼티는 상위 컴포넌트에서 하위 컴포넌트로

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

[React] 리액트의 실행

본 시리즈는 같은 학원 수강생들과 함께하는 React 스터디 진행의 내용을 바탕으로 정리했다. 무작정 부딪치고 시간을 들여 얻은 지식을 공유하고자 한다.학습 내용은 Do it! 리액트 프로그래밍 정석 교재를 기반으로 작성했다.\> yarn create react-app

2020년 10월 11일
·
0개의 댓글

퍼블리셔와 프론트엔드

관련블로그출처

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

ㄷㅐ충 리스트(4) FE CSS Effects, JS Events,

HTML, CSS, JS 활용한 디자인, 효과들 모음, 코드 포함

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

[HTML] 시맨틱 마크업

HTML에서 시맨틱 마크업이란? 시맨틱 마크업을 사용해야 하는 이유는??

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

[HTML] script, script async, script defer

<script>: HTML 파싱이 중단되고 즉시 스크립트가 로드되며 로드된 스크립트가 실행되고 파싱이 재개됩니다.<script async: HTML 파싱과 병렬적으로 로드가 되는데, 스크립트를 실행할 때는 파싱이 중단됩니다, 구글 애널리틱스와 같이 다른 스크

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

[HTML] local storage VS session storage VS cookie

모두 클라이언트 상에서 key/value 쌍을 저장할 수 있는 매커니즘으로 value는 반드시 문자열 이어야 합니다. 또한 모두 동일 출처 정책(SOP)을 따르기 때문에 다른 도메인에서 접근할 수 있습니다.local storage VS session storage VS

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

[HTML] data- 속성

HTML에서 data- 속성은 언제 사용될까요? data- 속성에 알아봐요 👨‍💻

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

[HTML] 표준 모드와 호환 모드

표준 모드와 호환모드는 무엇일까? 표준 모드와 호환모드에 대해서 알아보자 💚

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

[HTML] DOCTYPE

HTML에서 DOCTYPE는 뭘까? 본 포스팅에서 알아 보자 ❣️

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

[CSS] 이미지 사이즈 맞추기 (object-fit)

CSS로 크기가 서로 다른 이미지들을 관리하고 그 비율을 매번 맞춰주는 것은 쉽지않다. 유저가 웹사이트에 입력하는 이미지는 그 크기와 비율이 제각각이다. 이렇게 받은 이미지들을 모아 고정된 크기의 틀로 보여줘야 할 때 어떻게 해야 할까?

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

[ES6] Class

무작정 부딪쳐서 React를 공부하는데 필요한 기초적인 ES6 문법을 짚고 넘어가기로 했다.그 세 번째, Class에 대해서 알아보자.학습 내용은 Do it! 리액트 프로그래밍 정석 책을 기반으로 진행했다.객체를 만들기 위한 틀 같은 개념으로 상속이 필요한 변수와 메서

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

DOM Tree

개요 > DOM은 Document object model의 준말이며, 문서 객체 모델은 HTML,XML 서식값의 시각 인터페이스화된 구조이다. DOM은 문서 [ 코드 나열 ]의 BOM [ Browser object model ] 부속 값이며, 브라우저 엔진에 의해

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

[React] RAWROW Clone

Hell Row World 가방, 신발, 안경 등을 만들고 판매하는 rawrow사이트를 클로닝했다. - RAWROW Back-end와 함께하는 첫 프로젝트여서 지난번 instagram 클로닝보다 훨씬 재미있게 했던것 같다. Introduction 기간 : 2020

2020년 9월 27일
·
6개의 댓글
post-thumbnail

React Hook "useState" is called in function Error 😭

React Hook "useState" is called in function "rtc" which is neither a React function component or a custom React Hook function 해결하기 💚

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