박레고의 이야기

사전 준비 - iterms2- homebrew- zsh(oh-my-zsh) 1.  jenv 설치brew install jenv 2.  환경 변수 설정echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrcecho 'eval "$(jenv init -)"' >> ~/.zshrcsource ~/.zshrc 3.  jenv export plugin 설정jenv enable-plugin export 4.  jenv 설치 확인 jenv 아래와 같이 나오면 정상 설치가 된 것이다.jenvjenv 0.5.7Usage: jenv []Some useful jenv commands are: commands List all available jenv commands ..

웹 개발을 하다 보면 항상 마주치는 순간이 CORS(Cross-Origin Resource Sharing) 에러이다. 클라이언트 서버와 API 서버의 포트가 다르면 자주 발생하는 에러이다. 그래서 에러가 발생하는 순간 '아! 이건 서버에서 처리를 해주어야겠다' 생각이 들 것이다. 간단한 해결 방법으로, Access-Control-Allow-Origin을 이용해 서버 측에서 클라이언트의 포트를 열어주면 된다. 하지만, 우리가 원하는 것은 로그인 이후의 동작 등과 같이 인증과 관련된 데이터를 담거나 받고 싶을 때이다.  withCredentials Option 기본적으로 브라우저가 제공하는 요청 API 들은 별도의 옵션 없이 인증과 관련된 데이터를 함부로 요청 데이터에 담지 않도록 되어있다. 이는 응답을 받..

로그인 한 유저가 세션이 만료가 되었을 때, 새로 로그인을 할 수 있도록 리다이렉트 처리를 해야한다. 레거시 코드에서는 페이지 이동을 할 때 마다 세션을 체크하고 있으므로 세션이 만료가 되면 강제로 새로고침을 하여 새로 고침에 의해 로그인 페이지로 강제 이동 시키고 있었다. (보안 상의 이유로...) window.location.href = window.location.href 자바스크립트에서 현재 페이지의 URL을 다시 로드하는 코드로 대체로 페이지를 강제로 새로 고침하고 싶을 때 사용될 수 있다. 그렇다면 브라우저에서 자바스크립트를 사용하여 페이지 이동하는 방법들을 살펴보자. window.location.href 페이지의 URL을 설정하거나 변경할 수 있다.// 다른 페이지로 이동window.loca..

입사할 때에는 프론트엔드 개발자(리액트)였지만, 이번 프로젝트에서는 앵귤러 + 자바(스프링 부트)로 된 프로젝트를 개발하게 됐다. 프론트를 시작하면 package.json을 먼저 살펴보듯이 application.yml을 먼저 살펴보았다. 파이썬처럼 Indent로 구분하나 보군.string은 큰 따옴표("")로 묶지 않아도 되는구나.대시(-) 있는 것과 없는 것의 차이는 뭘까?... 문법이 궁금해졌다. YAML 파일이란? YAML 파일은 .yml 또는 .yaml 확장자를 사용하며 특정 구문 규칙을 따른다.[.yaml 과 .yml 차이점]결론부터 말하자면 yaml과 yml파일 확장자는 모두 해석 및 구문이 동일하다.이렇게 분리된 이유는, 옛날 Windows에서 Extensions는 파일확장자가 3자로 제한되..