만자의 개발일지

먼저 Save all Resources라는 이름의 크롬 확장프로그램을 설치해줍니다. https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb/related?hl=en-US Save All Resources UP - Save all resources files with retaining folder structure. chrome.google.com 그다음 크롬을 재시작 해줍니다. F12를 눌러 개발자 도구를 열어보면 ResourcesSave라는 탭이 생긴 것을 보실 수 있습니다. 오른쪽에 Save All Resources 버튼을 누르면 소스탭에 있는 모든 폴더와 파일들을 압축한 zip 파일을 다..

웹 개발을 해본 분이라면 한번쯤은 CORS 에러를 접해보셨을 건데요, 보통 API를 호출하는 과정에서 이 CORS라는 녀석이 골치아프게 한적이 있으실 겁니다. 이번 포스팅에서는 CORS가 무엇이고 어떻게 동작하는지와 CORS의 반대개념인 동일 출처 정책(Same Origin Policy, SOP)에 대해서도 간략히 짚고 넘어가도록 하겠습니다. 동일 출처 정책(Same Origin Policy, SOP) 브라우저는 기본적으로 내 서버가 아닌 다른 서버에서 받아온 데이터는 차단합니다. 브라우저가 사용자가 방문하는 사이트를 신뢰하지 않기 때문이죠. (여기서의 서버는 URL(ex https://www.manja.com) 을 의미합니다.) 그 이유는 기본적으로 브라우저는 토큰이나 쿠키 등과 같이 사용자의 정보와 ..

클라우드가 핫해지면서 요즘들어 프로비저닝이라는 단어를 자주보게 되었다. 프로비저닝이란 무엇인가라고 내 자신에게 질문해보았을 때 제대로 답할 수 없었다. 대충 이런 느낌이겠지~ 하고 느낌만 알뿐 전혀 이해하고 있지 못했기 때문이다. 그래서 이번기회에 프로비저닝이 정확하게 무엇을 의미하는지 알아보기로했다. 프로비저닝(Provisioning) 프로비저닝을 번역기로 돌리면 "제공하는 것" 이라고 나온다. 이것을 보면 프로비저닝은 포괄적인 개념으로 사용자의 요구에 맞게 제공하는 시스템 이라고 할 수 있고 이것은 인프라 리소스나 서비스, 혹은 장비가 될 수도 있다. 사람들마다 해석하는게 제각각인거 같아 좀 더 찾아봤는데 그냥 어떤 서비스를 제공하기까지 준비한 과정을 통틀어 프로비저닝 이라고 하는거같다. 서버 프로비..

학교수업에서 클래스카드를 사용하는데 매번 지루하고 귀찮아서 자동화 코드를 소스코드들 일일이 뒤져가며 병맛으로 함 만들어봤습니다. 버리기엔 아까워서 올리긴 올리는데 본인한테 도움은 되지 않으니 그냥 직접하시는걸 추천드립니다.

vue-cli를 설치하고 vue 명령어를 실행하니 다음과 같은 에러가 뜬다. vue.ps1 파일에 실행권한이 없어서 발생하는 오류이기 때문에 아래의 명령어를 입력해 권한을 설정해주면 된다. > Set-ExcutionPolicy RemoteSigned 잘 되는것을 볼 수 있다.

PowerShell을 자주 사용하지는 않지만 PowerShell을 저번에 한 번 쓰려고 했는데 갑자기 드라이브를 찾을 수 없다면서 cd, pwd 등 어떤 명령어도 안먹히길래 구글링을 해봤더니 자세히 나와있는데가 없어서 어찌저찌 감으로 환경변수 만지작거리다가 고치게되었다. PowerShell에서 명령어를 입력했는데 DriveNotFoundException이 뜬다 그러면 환경변수에 문제가 있을 확률이 크다. 해결 방법 일단 시스템 환경 변수에 들어가준다. 그 다음 환경 변수 클릭 그 다음 PSModulePath를 선택하고 편집을 눌러줍니다. 저는 위 사진과 같이 나와있었습니다. 보시다 시피 %사이에 SystemRoot, ProgramFiles 가 있는 것을 볼 수 있습니다. 기본적으로 %사이에는 시스템 변수..