As i wish

* Dailiy - 새해 마무리를 잘하자. - 공덕 아펠가모 웨딩 페어: 여러 상담을 받아 보았지만 벌써 2020 년 10 ~ 12 월 아펠가모 반포는 완전 풀방이었다. 결혼을 안해서 문제라는 언론은 거짓이였나 싶을 정도로 많은 사람들이 상담을 받고 있었고 나 또한 그 중에 하나였다. - 결국 아펠가모 선릉을 예약하였다. 대략 적인 금액은 아펠가모 반포랑 똑같았다. 그러나 지난주에 아펠가모 반포를 상담 받았었는데 그때에 금액에는 미성년자 식비가 없었는데 일주일만에 추가 되어 당황스러웠다. 대충 대관료는 400 정도에 밥값은 5만원인데 할인 혜택은 차마 남길 수가 없어서 궁금하면 문의 부탁드립니당! - 당산 옛날 곱창으로 넘어 갔는데 하필 일요일 영업을 안해서 하는 수 없이 차선책으로 갔다. 늘 차선책이였..

안녕하세요. 오늘은 다른 곳 (가비아, cafe24등등) 에서 도메인을 구입 한 후, 또는 이미 구입되어있는 도메인을 Route53을 통해서 관리하도록 해보겠습니다. 일단 가장 간단한 방법으로는 도메인을 되 팔면 되지만 여의치 않은 상황일 경우 네임서버를 등록해주면 됩니다. 실제로 가비아에서 도메인을 산 후, AWS Route53에서 그 도메인을 등록해보겠습니다. 물론 더욱 간단한 방법으로는 AWS에서 도메인을 산 후, 등록하면 좋겠죠? 이렇게 원하는 도메인을 검색해 봅니다. 그럼 사용 가능 여부가 나오는데요? 그렇게 사용가능한 도메인을 구입합니다. 대략 10~15 분 정도의 시간이 흐르면 구입 확정이 됩니다. 그 사이에 aws 콘솔에 접속합니다. 현재 저는 kjglass.shop을 사서 적용시킨 상태인..

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

안녕하세요. 오늘은 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..

웹개발을 하게 되면 localStorage를 이용하는 경우가 생깁니다. 특히, 쇼핑몰 같은 경우 장바구니에 담아놓은 상품을 localStorage에 저장해놓는 경우가 종종있죠. 물론 로그아웃시 없애는 것은 당연하고요. 그런데 그냥 어떤 객체를 저장하게 되면 'object Object' 처럼 저장이 됩니다. 그때는 JSON.stringify(object)를 사용해서 저장해주면 객체가 string 형태로 저장됩니다. var object = {1:1}; localStorage.setItem('test-1', object) localStorage.setItem('test-2', JSON.stringify(object)); 저장된 객체를 가져올 때는 string -> object로 다시 변환해줘야하기 때문에 'J..

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 프로젝트를 하다 보면 자연스럽게 Redux 에 대하여 접하게 되고 그 외의 비동기 통신, 액션 컨트롤 등 다양한 것을 하기 위해 (대부분 비동기 통신) Redux-thunk, Redux-saga 를 접하게 됩니다. 이번 포스팅에서는 그런 Redux-saga 를 React 에 적용하는 법을 써보겠습니다. 일단 먼저 store 를 만듭니다. store.js import { createStore, applyMiddleware } from 'redux' import createSagaMiddleware from 'redux-saga'; import rootSaga from './sagas'; const sagaMiddleware = createSagaMiddleware() import reducers..