풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

93

4

장

인증 소개

리케이션의

UI

컴포넌트가 파란색으로 통일되도록 수정하겠습니다. 이렇게 하기 위해

index

.

css

아래에 다음

CSS

속성을 추가하여 사용할 색상을 정의하겠습니다.

/* src/index.css */

:root {

--amplify-primary-color: #1890ff;

--amplify-primary-tint: #1890ff;

--amplify-primary-shade: #1890ff;

}

4.3.9

애플리케이션 설정

이제 애플리케이션 구축이 완료되었습니다. 마지막으로

index

.

js

를 수정하여

Router

를 가져

오고

Amplify

설정을 추가하겠습니다. 또한

Ant

Design

라이브러리에 필요한

CSS

를 가져오

겠습니다.

/* src/index.js */

import React from 'react'

import ReactDOM from 'react-dom'

import './index.css'

import Router from './Router'

import 'antd/dist/antd.css'

import Amplify from 'aws-amplify'

import config from './aws-exports'

Amplify.configure(config)

ReactDOM.render(<Router />, document.getElementById('root')) ...