AWS 2

(2) 블로그 만들기 - 프론트 틀 구현 (react,nodejs,aws)

프론트 틀을 구현해 봐야겠다. 먼저 CRUD만 구현하려고 한다. 메인 페이지에는 작성한 글 목록과 글 작성 버튼을 구현하고 글 페이지 에서는 수정과 삭제 버튼을 구현 할 것이다. 컴포넌트 폴더를 만들어 주고 그안에 작성할 페이지 별로 파일을 만들었다. JS안에서 CSS를 적용하기 위해 styled-components 라이브러리를, 라우팅을 위해 react-router-dom 라이브러리를 설치했다. 라우터 적용을 위해 index.js 에서 BrowserRouter 라는 컴포넌트를 사용한다. *import 할때 중괄호에 관하여 : export 할 때 default로 선언된 내용은 중괄호 없이 받을 수 있으며 변수명이 달라도 된다. 그러나 default로 선언되지 않은 것들은 중괄호 안에서 무조건 보내진 변수..

(1) 블로그만들기 - 기본설정 (react,nodejs,aws)

공부겸 개인 블로그를 만들어 보려고 한다 먼저 npx create-react-app 를 입력해 리액트 프로젝트를 만든다. *npx : 일회성으로 최신 버전의 노드 패키지를 내려받아 설치시켜주는 노드 패키지 *CRA : 리액트 개발을 바로 시작할 수 있도록 프로젝트 구조 작업, 설정 작업 등을 자동으로 진행해주는 도구이자 명령어 프로젝트가 만들어 지면 왼쪽 사진과 같이 여러 파일들이 생성된다. *favicon : 페이지 아이콘 이미지 파일 *index.html : 가상 Dom 이 들어가기 위한 html 파일 *manifest.json : 웹 앱 매니페스트는 사용자가 앱을 볼 것으로 예상되는 영역(예: 휴대기기 홈 화면)에 웹 앱이나 사이트를 나타내는 방식을 개발자가 제어하고, 사용자가 시작할 수 있는 항목..