post-thumbnail

Typescript - Basic

Typescript는 Javascript의 구문이 허용되는 Javascript의 상위집합언어이다.Typescript는 Type이 무엇이 되어야 하는지 명시 가능한 Javascript 언어의 확장을 지원한다.name과 id를 가진 user객체에서name: string,

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

[React] Vivino Clone

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

2020년 10월 18일
·
6개의 댓글
post-thumbnail

React - Effect Hook ( Clean-up )

이전 블로그에서 간단하게 짚고 넘어갔던 내용 중 Clean-up 함수라는 개념이 있다.Clean-up함수란,useEffect()에서 parameter로 넣은 함수의 return 함수이다.Component의 unmount이전 / update직전에 어떠한 작업을 수행하고

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

React - Styled Components

Styled-components는 CSS-in-JS 라이브러리중 많은 인기를 얻고있는 라이브러리이다.CSS-in-JS란,JavaScript를 사용하여 구성 요소의 Style을 지정하는 Styling 기술이다.Inline Style과는 다르게, <style>요소로

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

React - Effect Hook

React Functional Component에서 Effect Hook을 사용하면, Side effect를 수행할 수 있게된다.Side effect란,React Component가 화면에 render된 이후에, 비동기로 처리되어야하는 효과들을 말한다.useEffect

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

React - mini app

연휴기간 react-hook, styled-components 연습을 위해 CRA를 사용하여 간단한 Todo app을 만들보았다. TodoGithubuseState()를 사용하여, 초기값으로 비어있는 Object를 선언했다.추가된 항목들의 완료 / 삭제가 원활하게 이루

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

React - State Hook

React Hook을 이용하면 Class를 작성할 필요없이 state와 여러 React의 기능을 사용할 수 있다.그중에서 state hook은 Functional Component속에서 state를 사용할 수 있도록 해주는 hook이다.state hook은 useSta

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

Javascript - Optional chaining

Optional chaining은 ES2020에서 새롭게 추가된 문법으로, ?.를 사용하여 객체의 속성값에 접근할 수 있게 해주는 문법이다.참조하는 대상이 null / undefined가 아니라면, 속성에 대한 접근이 가능하다.만약 null / undefined라면 u

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

[React] RAWROW Clone

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

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

Network - RESTful API

RESTful API에서 REST란,REpresentational State Transfer의 약자로, HTTP기반으로 필요한 자원에 접근하는 방식을 정해놓은 아키텍쳐이다. 위 정의에서 말하는 자원은 저장된 데이터, 이미지/동영상/문서등의 파일, 서비스를 모두 포함한다

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

React - Props, Children

Props React에서는 Component를 다른 Component로 import해서 사용할 수 있다. import하는 Component를 부모라 칭하고, import되는 Component를 자식이라고 칭한다. >2개의 Component사이에는 부모-자식 관계가

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

React - Mock data

API가 나오기 전에 Front-end에서 전송받을 데이터를 미리 가짜로 만들어서 개발을 진행할 수 있다. 미리 가짜데이터를 API로 부터 받을 데이터와 같은 구조로 만들어서 개발을 진행하면, 실제 API가 들어올때 수월하게 작업을 할 수 있다.\--.js / --.j

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

Javascript - 단축 / 계산 속성명

단축 속성명이란,key, value를 이용해 object를 만들때 미리 선언한 변수로 object를 편리하게 만들 수 있는 JS의 기능이다.미리 생성되어 있는 데이터, 파라미터로 전달받은 데이터를 재사용할 수 있게 된다.object의 속성명을 동적으로 변경하며 사용할

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

[React] Website Clone

많은 고민속에 선택했던 front-end에서 진행한 Instagram clone.부랴부랴 따라가면서 만든 clone page이지만, 새롭게 배운것도 많고 느낀것도 많은 작업이었다.처음에는 HTML과 CSS, JS를 사용해서 첫 페이지를 만들었다.하지만 세션이 조금씩 진

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

개발의 시간

최근에 내가 지나온 시간속에는 항상 코딩이 담겨있다. Wecode라는 곳에서 보낸 시간도 어느덧 한달이 채워졌다. 내 생각을 직접 만들어보고 싶어서 접했던 코딩은, 이제 앞으로의 미래를 만들어줄 큰 부분으로 자리를 잡았다. Bootcamp에서 새로운 사람들과 새로운 과

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

React - setState()

setState()란, React docs에 따르면state 객체에 대한 업데이트를 실행으로 정의되어 있다.React에는 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값인 state가 존재한다.state를 변경하기 위해서는 반드시 setState()를 사용해야한다.이때

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

Javascript - fetch()

fetch() Front-end에서 Back-end로부터 데이터를 받아오려면 api를 호출하고 해당 데이터를 응답받아야 한다. 이때 사용되는 것이 fetch() 이다. 1. 기본 문법 먼저, fetch()는 호출할 api의 주소를 인자로 받는다. 해당 주소를 인자

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

Data Structure - Stack & Queue

Stack이란,제한적으로 접근할 수 있는 나열구조이며, 접근은 언제나 목록의 끝에서만 일어난다.또한, 한 쪽 끝에서만 자료를 넣거나 뺄 수 있는 선형 자료형이다.자료를 넣는 것을 push라고 하고, 반대로 넣어둔 자료를 꺼내는 것을 pop이라고 한다.pop을 할 때 꺼

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

React - React Router

React-router는 react에서 Routing을 위해 가장 많이 사용되는 라이브러리이다.CRA를 사용하여 react 프로젝트를 진행한다면 Routing을 위한 로직이 들어있지 않기 때문에, Third-party Library를 import해서 사용해야한다.Bro

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

React - Lifecycle

React의 Component는 생명주기가 있다. Component가 실행(mounting) / 업데이트 / 제거(unmounting) 될 때, 특정한 이벤트들이 발생하게 된다.단계에 따라서 아래에 나올 함수들이 순서대로 실행이 된다.Mounting은 element를

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