post-thumbnail

React - Rechart로 차트 그리기

리액트에는 여러가지 차트 라이브러리가 존자핸다. Recharts Nivo Chart.js

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

React - useEffect 생명 주기 설정

useEffect는 본래 클래스 컴포넌트에서만 사용 가능했던 생명주기를 함수형 컴포넌트에서도 가능 하도록 만들어주는 React Hooks의 기능 중 하나 이다.이렇게 하게 되면 컴포넌트가 최초로 렌더링 될때만 "Amount" 라는 글자를 출력하게 된다,useEffec

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

React - 리액트 라우터 (react-router-dom)

일반적으로 우리는 한 화면에 모든 것을 담을 수 없기에 주소별로 화면을 구분 짓는다. 예를 들어 /home 기본적인 화면들을 보여준다. /login 로그인 페이지를 보여준다. /products 상품들을 보여준다. 리액트에서는 어떻게 할 수 있을까? 🕸 react-

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

React - Hooks 란?

리액트를 시작하게 되면 필연적으로 Hooks를 알아야한다. Hooks란 무엇이고 어떻게 사용할까? Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다.Hooks가 등장하기 전에는 상태 관리나 생명 주기나 등등 여러가지

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

React - 컴포넌트(Component)

React 에서 Component란? React로 만들어진 앱을 이루는 최소단위를 말한다.컴포넌트가 무엇인지 예시로 들어보기 위해 리액트로 만든 사이트중 하나인 뱅크샐러드로 설명해보겠다.이렇게 보이는 UI들을 컴포넌트 단위로 구성할 수 있다.Functional (함수형

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

React - 기본 세팅하기(create-react-app)

먼저 리액트가 무엇인지 알아보자 React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.위 내용은 react 사이트

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

AWS Lambda 로 Hello World 띄우기

일단 아마존 클라우드의 Lambda에 대하여 알아보고자 한다. Lambda 란 서버리스를 사용하기 위해 필요한 기능 중 하나이다. 일단 맨처음 Lambda 페이지에 접속하게 되면 아래와 같은 화면이 나오게 되는데 바로 함수 생성을 눌러보자.

2022년 4월 21일
·
0개의 댓글

서버리스 아키텍쳐 ( Serverless Architecture ) 란?

AWS Lambda를 사용하면서 한번도 제대로 서버리스에 대해서 알아보지 않은거 같아서 장점과 단점, 특징, 동작 방식을 확실히 알고 싶어서 알아보게 되었다.코드 실행, 데이터 관리 및 애플리케이션 통합을 위한 기술을 서버를 관리할 필요 없이 제공합니다. 서버리스 기술

2022년 4월 21일
·
0개의 댓글