As i wish

안녕하세요 오늘은 간단하게 github page로 React 프로젝트를 배포하는 법에 대하여 포스팅 해보겠습니다. 먼저 리액트 프로젝트는 간단하게 CRA (Create-React-App) 로 만들어보겠습니다. CRA 로 프로젝트 만드는 방법은 워낙 다양한 포스팅에 있으니 생략하겠습니다. CRA 프로젝트 생성 [React] create-react-app으로 프로젝트 시작하기 create-react-app 이란? create-react-app은 페이스북에서 만든 react 웹 개발용 boilerplate이다. create-react-app이 나오기 전 까지는 직접 모든 환경을 설정하거나, 남이 만든 boilerplate를 사용 했어야 했다. react는 es6 버전의 javascript로 작성하는 것이 일반..

안녕하세요 이번 포스팅에서는 직접 콘솔을 이용하여 서버에 접속해보고 코드까지 받아서 배포해보도록 하겠습니다. 일단 기존 포스팅을 참고하시면 하나 둘 씩 따라오실 수 있을거라고 생각합니다. React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 1 React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 1 안녕하세요. 오늘은 Next.js 를 사용하고 Express.js 를 이용하여 커스텀하게 웹 서버를 만든 뒤 이를 aws 에 배포하는 과정을 포스팅해보겠습니다. 정확히 말하면 저의 삽질기 입니다... 일단 next를 사용해서 프.. eomtttttt-develop.tistory.com React + Next + Expr..

안녕하세요. 오늘은 Next.js 를 사용하고 Express.js 를 이용하여 커스텀하게 웹 서버를 만든 뒤 이를 aws 에 배포하는 과정을 포스팅해보겠습니다. 정확히 말하면 저의 삽질기 입니다... 일단 next를 사용해서 프로젝트를 생성하고 커스텀한 웹서버를 만들기 위해 express.js 를 설치해 줍니다. 그러고 나선 server.js 를 루트 폴더에 만들어줍니다. server.js const express = require('express'); const next = require('next'); const path = require('path'); const dev = process.env.NODE_ENV !== 'production'; const prod = process.env.NODE_E..

React 로 개발을 하다보면 Layout 을 만들고 이런식으로 써야하는 경우가 있습니다. 그렇게 되면 Layout 컴포넌트에서는 children 이라는 props 를 받게 되는데 이는 이 되죠. 이때에 에게 props를 넘겨주는 방법을 알아보겠습니다. 먼저 App.js import React from 'react'; import logo from './logo.svg'; import './App.css'; import ParentComp from './childProps/ParentComp'; import ChildComp from './childProps/ChildComp'; function App() { return ( ); } export default App; ParentComp.jsx impo..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다. 중급 웹 개발 프레임워크 및 라이브러리 서비스 개발 Front End Back End Javascript React 온라인 강의 www.inflearn.com 무튼 기본적으로 Front/Back 을 구성하고요. Front 는 React, Redux, N..