목록분류 전체보기 (98)
버글버글
1. 터미널에 다음 명령어를 친다. npm run build 2. 프로젝트에 build 폴더가 생기면 성공!
PuTTY란? (1) 윈도우 운영체제에서 사용되는 무료 오픈 소스 터미널 에뮬레이터이다. (2) SSH, Telnet, Rlogin 및 시리얼 연결 프로토콜을 지원하며, 사용자가 원격 서버에 안전하게 연결하고 명령을 실행할 수 있도록 한다. (3) 매우 경량이고 사용이 간편하며, 널리 사용되는 SSH 클라이언트 중 하나이다. 일반인이 보기에는 cmd랑 같아보이는데? - 문과에 비전공생이 보기에는... PuTTY랑 cmd랑 다른게 뭔지 싶었다... 부끄럽지만, 검정 바탕에 .. 하얀글씨에.. 명령어 입력하는건 같아보임 ㅠㅠ... - 결론부터 말하자면, PuTTY는 cmd.exe와 같은 Windows 기본 터미널과는 다르다. - cmd : 윈도우 운영체제에서 기본으로 제공되는 명령 프롬프트 터미널 애플리케이..
Cookie란? - 클라이언트(웹 브라우저)에 저장되는 작은 데이터 조각이다. - 서버 > 웹 브라우저로 데이터를 보내면, 웹 브라우저는 해당 데이터를 로컬에 저장한다. - 그리고 다음에 같은 서버로부터 요청이 있을 때마다, 브라우저는 이전에 저장된 데이터를 서버로 보내주어 서버는 해당 정보를 활용하여 사용자에 맞는 웹페이지를 제공하게 된다. - 보안 문제로 브라우저에서는 쿠키에 접근하는 것이 제한되어 있으며, 쿠키에 저장된 데이터도 중요한 정보는 암호화되어 저장되어야 한다. - 웹 개발에서 쿠키는 사용자가 로그인을 했는지 여부, 사용자 설정 등을 저장하기 위해 사용된다. Cookie 어디에 저장되었는지 확인하기 1. [F12]로 개발자 도구를 연다. 2. [Application]을 클릭한다. 3. [C..
localStorage란? - 웹 브라우저에서 제공하는 웹 스토리지(Web Storage) 중 하나로, 키-값 쌍(key-value pairs)을 저장할 수 있는 클라이언트 사이드 저장소이다. - localStorage에 저장된 데이터는 브라우저를 닫아도 유지되며, 같은 도메인에서 실행되는 페이지들은 동일한 localStorage에 접근할 수 있다. - 주로 사용자의 기본 설정, 로그인 정보, 쇼핑 카트 등을 저장하는 데에 이용된다. localStorage 명령어 localStorage.setItem("key 이름", value) localStorage 추가하기 localStorage.getItem("key 이름") localStorage 값 가져오기 localStorage.removeItem("key ..
■ HMAC-SHA1 알고리즘을 이용하여 암호화하는 이유? HMAC-SHA1 알고리즘은 메시지 인증 코드(Message Authentication Code, MAC)의 일종으로, 무결성과 인증성을 동시에 보장하는 알고리즘입니다. 데이터의 무결성 데이터가 전송 중에 손상되지 않았는지를 검증 인증성 데이터가 전송 중에 위,변조되지 않았는지를 검증 HMAC-SHA1 알고리즘은 SHA-1 해시 함수와 메시지 인증 코드(Keyed-Hash Message Authentication Code, HMAC)의 조합으로 이루어져 있습니다. 이 알고리즘은 입력값으로 데이터와 비밀키를 받아, 먼저 비밀키와 패딩값을 이용하여 내부 키를 생성합니다. 이후, 데이터와 내부 키를 SHA-1 해시 함수에 입력하여 해시 값을 계산하고,..
1. VS code의 터미널에서 proxy-middleware 설치 npm install http-proxy-middleware 2.'setupProxy.js' 파일 생성 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/auth/register', // /auth/register을 사용 했을때, 아래 target으로 우회(?) createProxyMiddleware({ target: 'http://123.0.0.0:포트번호', // 사용할 주소 changeOrigin: true, }) ); }; - setupProxy는 설정하면 꼭 서버 재 시작을 해줘야..
■ myworkspace 만들기 1. [Workspace] - [My Workspace] 클릭 2. [Body] 클릭 3. 파라미터 보내는 방식 선택 (사진에서는 post 방식) ip주소:port번호/값 4. [raw] 선택, [JSON]타입으로 변경 후, { "key" : "value" } 입력하고 [Send] 클릭하면, Response에 값이 나온다. *Example
■ node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ■ vscode 설치 https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimiz..