분류 전체보기
REACT 새로고침시 cannot/get
리액트를 express 환경에서 실행하였을때, 새로고침하면 라우트 설정이 잘 되어있음에도 cannot/get 현상이 발생하였다. https://ui.dev/react-router-cannot-get-url-refresh Fixing the 'cannot GET /URL' error on refresh with React Router (or how client side routers work) In this post you'll learn how to fix the 'cannot GET /URL' error with React Router. Along the way, you'll also learn how client side routers work. ui.dev 위 글을 참고해서 수정하였다. 쉽게설명하자..
gitHub OAuth 로그인 구현
gitHub OAuth 로그인 구현하는법을 정리해 보겠다! https://www.oauth.com/oauth2-servers/accessing-data/create-an-application/ Create an Application - OAuth 2.0 Simplified Before we can begin, we'll need to create an application on GitHub in order to get a client ID and client secret. On GitHub.com, from the "Settings" page, www.oauth.com gitHub의 공식 문서를 참조해서 만들어보았다. https://github.com/settings/applications/new Git..
리액트 build파일 경로 설정
리액트 프로그래밍을 하다보면 build파일이 생성되는 위치를 바꾸고 싶은 경우가 있다 "build": "BUILD_PATH='./dist' react-scripts build", package.json 에서 위와같이 바꾸면 경로를 바꿀 수 있는 기능이 추가되었다고 하는데 적용이 되지 않아서 계속 찾아보니, window 환경에서는 동작하지 않았다... "build": "react-scripts build && ROBOCOPY build ../be/build", window 환경에서 작업하는 분들은 위처럼 설정하면 된다!! ../be/build 부분에 원하는 경로를 두고 생성하면 build파일이 저절로 생성되게 된다. 참고로 ROBOCOPY는 파일 백업,일치화를 도와주는 명령어이다. 만약 위처럼 했는데 안되..
쿠키
이번에 생활코딩님의 쿠키강의를 보고 공부를 해보았다! https://opentutorials.org/course/3387/21740 쿠키의 생성 - 생활코딩 수업소개 Node.js를 이용해서 쿠키를 생성하는 방법을 알려드립니다. 강의 소스코드 nodejs/cookie.js var http = require('http'); http.createServer(function(request, response){ // response.writeHead(200, { // 'Set-Cookie':['yummy opentutorials.org 우선 쿠키에 대해 조금 알아보자. 쿠키는 인증,개인화,방문자 체크 등의 용도로 사용될 수 있다. https://developer.mozilla.org/ko/docs/Web/HTT..
HTTP란?
HTTP란 HyperText Transfer Protocol의 약자이다. 결국 웹은 클라이언트와 서버와의 관계이다. 클라이언트가 HTML을 Request 하면 서버는 Response를 줄 것이다. 이러한 과정에서는 서로 소통할 수 있게 약속된 메시지의 룰이 필요하다. 이 역할을 해주는 것이 HTTP이다. 만약 어떤 웹페이지를 개발자도구의 네트워크 탭에 들어가보면 위와같이 수많은 파일들을 주고받는것을 알 수 있다. html 파일의 header를 보면 위와같이 request의 정보나, 수신 상태 등을 알 수 있다. 웹브라우저는 이러한 응답 헤더를 만들어서 서버에 보내고, 받은 정보를 토대로 웹브라우저에 그려주는 역할을 한다. 그럼 이제 request와 response에 대해서 조금 더 알아보자. reques..
ncloud MySQL 서버 배포
https://guide-gov.ncloud-docs.com/docs/database-database-1-1 MySQL 서버 이미지 사용자 가이드 - MySQL guide-gov.ncloud-docs.com ncloud에서 서버를 배포하는 과정을 한번 정리해보고자 한다 네이버 사용자 가이드를 참고해서 작성해보겠다 서버에서 MySQL도 작동시켜볼 생각이다. 먼저 ncloud에 로그인을 한 후에, 우측 상단의 콘솔을 눌러준다. https://www.ncloud.com/ NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certificat..