일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- REACT
- 주짓수
- 하프가드
- 파이썬
- 디자인패턴
- 프로그래밍
- 드릴
- 주짓떼로
- 웹개발
- development
- 솔로드릴
- JavaScript
- graphQL
- 영화
- 자바스크립트
- Express
- Redux
- 노드
- 엄티로드
- 개발
- git
- 리액트
- 주짓떼라
- 영화감상
- Node
- nodejs
- 개발자
- 영화리뷰
- 클로즈가드
- web
- Today
- Total
목록전체 글 (243)
As i wish
안녕하세요. 오늘은 다른 곳 (가비아, 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..
제 예전 포스팅에서 tag 붙이는 걸 썼었는데요. tag 를 붙이면서 Message 를 붙이는 방법을 포스팅 해보겠습니다. git tag 붙이기 git tag 붙이기 태그 조회 하기 git tag $git tag v0.1.0 v0.1.1 v0.1.2 태그 붙이기 git tag [tag name] $git tag v0.1.3 $git tag v0.1.0 v0.1.1 v0.1.2 v0.1.3 git show [tag name] --> 다음과 같이 태그 내용을 조회 할 수도.. eomtttttt-develop.tistory.com 방법은 아주 간단합니다. $ git tag -a v1.1.2 -m "Release versino 1.1.2 (로그 삭제, 블로그 포스팅 추가)" 이런식으로 -a 를 붙이고 버전 이름..
JavaScript 뿐만 아니라 사실 모든 프로그램을 할 시에 중요한 요소 입니다. 특히 api 통신이 주가 되는 요즘 프로그램에서는요 그로 인해 JavaScript 에서는 콜백, 제네레이터, 프로미스 등 다양한 시도를 하였고 es8 (es2017) 에와서 엄청난 녀석을 도입하였는데 그게 바로 async/await 입니다. 기존 콜백방식을 벗어나 프로미스를 통한 방식으로 많은 부분을 해결 하려 했지만 여전히 콜백 지옥을 벗어나지 못하였고 제네레이터 역시 yield 라는 것을 새로 배우고 이터레이터 패턴을 익혀야 한다는 점에서 상당한 벽이 있었죠. 그에 반에 async/await는 정말 직관적입니다. 그럼 간단한 코드를 보겠습니다. function test() { return new Promise((res..
이번 주는 지난 주에 이어 사이드 컨트롤에서 이어갔습니다. 골반을 까는 사이드 컨트롤 주짓수 일지 - 사이드 컨트롤 안녕하세요. 일주일을 마무리 하면서 이번주에 배웠던 기술을 정리하려고 합니다. 이번주는 주짓수의 가장 기초가 되는 사이드 컨트롤에 대하여 배웠습니다. 1. 기본적인 사이드 컨트롤 2. 곁누르기 형식의 사이드.. eomtttttt-develop.tistory.com 무튼 여기서 남북자세 까지가서 배운것 중에 이제 남북 자세에서 기무라, 초크 등으로 이어 지는 기술을 배웠습니다. 남북 자세에서 기무라 사이드에서 한손 초크 사이드에서 발보사 초크 -2 네 오늘은 수지에 신촌고릴라 최병규 관장님 영상을 많이 가져왔는데, 실제 제 체육관에서는 한손 초크로 배웠는데, 발보사 초크라고 불리우네요. 사실..