profile
생각하는대로 살지 않으면, 사는대로 생각하게 된다.
post-thumbnail

React | Aws Cognito로 구글 로그인 API 연동하기

aws cognito로 구글 로그인을 붙여보기 전 간단한 개념 설명 먼저 하고, 붙이는 방법을 설명하고자 한다.AWS Cognito SiteGoogle Cloud Platform SiteAmazon Cognito는 웹 및 모바일 앱에 대한 인증, 권한 부여 및 사용자

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

React.memo, useCallback 사용으로 렌더링 최적화 하기(feat.React-Native,Redux)

React Native 및 리덕스로 계산기 앱을 구현중 useCallback, React.memo를 접하게 되었다.평소 최적화에 작업에 쓰인다는 것은 알고 있었지만, 언제 어떻게써야 최적화 작업에 도움이 되는지는 몰랐다.이번에 사용함으로써 어떻게 어떤방식으로 최적화가

2021년 1월 29일
·
8개의 댓글
post-thumbnail

React | axios란? (feat. Fetch API)

# Intro 리액트는 효율적인 UI 구현을 위한 라이브러리이다. HTTP Client(HTTP 상에서 커뮤니케이션을 하는 자바 기반 컴포넌트)를 내장하고 있는 Angular와는 다르게, 리액트는 따로 내장 클래스가 존재하지 않는다. 따라서 리액트에서 AJAX를 구

2020년 12월 31일
·
1개의 댓글
post-thumbnail

React | 독서 플랫폼 구현 프로젝트 회고

SUWEE의 서재는 국내 최대 독서 플랫폼 밀리의서재를 클론한 프로젝트 입니다.SUWEE의 서재 Front-End GitHurbSUWEE의 서재 Back-End GitHurb드디어 위코드에서 2차 프로젝트가 끝이났다. 1차 프로젝트도 너무 좋았지만, 이번 2차 프로젝트

2020년 12월 13일
·
7개의 댓글
post-thumbnail

React | BRANDI 클론 프로젝트 후기

trandi는 brandi 여성 전문 쇼핑몰 이커머스를 클론해본 프로젝트이다.위코드 5-6주차 총 12일에 걸쳐 1차 클론 프로젝트가 끝났다.프로젝트에 참여한 인원은 프론트엔드 2명, 백엔드 3명 총 5명으로 구성되어 있다.우리 기수는 다른 기수들과 달리 프론트가 백엔

2020년 11월 28일
·
5개의 댓글

React | 백엔드와 함께 하는 '로그인' 기능 구현(Feat.fetch() method)

로그인 기능 구현에 앞서, 백엔드와 소통을 하려면 fetch() 메소드를 알아야 한다.간략하게 fetch()를 알아보고 로그인 기능의 순서를 알아보자.fetch API를 이용하면 백엔드로부터 Request나 Response 와 같은 HTTP의 파이프라인을 구성하는 요소

2020년 11월 28일
·
1개의 댓글

React | 동적 라우팅, 라우터 기초

# router란? 우리는 리액트를 배우면서 가장 기본적인 컴포넌트에 대해 알아보았다. 그치만 컴포넌트만 가지고는 웹 페이지를 만들 수 없다. 그 이유는 리액트는 페이지가 하나이기 때문이다. 페이지 깜박임 없이 하나의 페이지만으로 동작하는 싱글 페이지 애플리케이션이 유행이었던 적이 있지만, 주소가 없으므로 특정 페이지에 접속하기 힘들고 북마크를 할 수 없...

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

React | props

앞에서 state는 컴포넌트에서 값이 변할 수 있다고 이야기했다.그렇다면 props는 뭘까?props는 프로퍼티(properties)의 줄임말이다. props는 리액트에서 사용자가 컴포넌트에 전달해서 보관하길 원하는 데이터 이다.그렇기에 컴포넌트 내에서 데이터가 보관되

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

React | LifeCycle

#What LifeCycle? 흔히 리액트에서 LifeCycle API라고 불리우며, >component가 DOM위에 생성되기 전 후 데이터가 변경되어 상태를 업데이트 하기 전후로 실행되는 메소드의 집합이다. 언듯 보기엔 큰 중요성을 못 느끼는 부분도 많겠지만 이를

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

React | State

리액트 컴포넌트에서 다루는 데이터는 두가지로 나뉜다.statepropsprops는 나중에 배우겠지만, 미리 간단하게 설명하자면 props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값이다. 단방향성 특징을 가지고 있어, 자식 컴포넌트가 부모 컴포넌트에서 값을 줄 수 없고

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

React | React Router

앞에서 이야기했던 내용을 한 줄로 표현하자면 React는 라이브러리라고 했다.프레임 워크인지, 라이브러리인지 말이 많지만 라이브러리라고 못을 박은 이유가 우리가 지금 배울 내용이다.React를 사용하기 전 우리는 여러 개(multi)의 Page로 구성된 applicat

2020년 11월 4일
·
1개의 댓글
post-thumbnail

React(리액트)란 무엇인가?

웹이 세상에 나타나고 최근 몇년 간 웹의 세계는 빠르고 정신없이 변화하고 있다.웹 기술도 무엇인가 순식간에 나타나 시장을 휘어잡다 언제 그랬냐는듯 없어지고 만다.시간이 흘러 브라우저를 열고 사이트에 들어가면 보여지는 (UI:User Interface)와 할 수 있는 것

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