Weeeeey Weeeeey

localStorage비휘발성 (직접 삭제하지 않는한 영구적으로 존재)브라우저를 닫아도 데이터가 유지사용자가 직접 삭제하거나 코드로 제거하기 전까지 계속 저장용량:5MB ~ 10MB의 저장 공간 (브라우저에 따라 다름)데이터 형식:key-value 쌍으로 데이터를 저장모든 값은 문자열로 저장. 객체나 배열을 저장할 때는 JSON.stringify()를 사용해 직렬화도메인 별 저장:다른 도메인에서는 접근할 수 없음setItem(), getItem(), removeItem(), clear() 등등의 메서드보안:클라이언트 측에 저장어서 유저들 또한 직접 접근 가능. HTTPS를 사용해도 XSS 공격에 취약할 수 있습니다.sessionStorage:세션 기반 지속성:데이터는 브라우저 탭 또는 창이 열려있는 동안..

프로그래머스에서 자바스크립트로 코테 문제 풀면서 힙큐를 직접 구현해야 하는 김에 블로그에 정리 함.힙의 필요 기능 2개 push,pop힙에서의 각각의 원소들은 배열로 이루어져 있고 최소힙과 최대힙을 구현할 때 값의 기준은들어가는 배열의 첫번 째 인덱스 값을 비교값으로 구현함1. 삽입(push)힙은 트리 형태로 되어 있지만 배열로도 구현 하는게 더 편함.인덱스로 접근하면 root부터 left right가 존재함.삽입을 구현할려면 일단 배열 제일 마지막에 현재 삽입값을 넣어준다.이후 자신의 부모 노드를 비교해가며 부모 노드가 현재의 값보다 작다면 swap해줄것.이것을 루트까지 반복 ( 작은 값을 만난다면 멈추고 )push(a) { this.heap.push(a); if (this.h..

단어 정리 Resource Owner :리소스 소유자(=user)를 말합니다. 리소스란 외부 소셜 서비스(API == 개인 정보) Authorization Server : Resource Owner를 인증하고, 우리가 개발한 웹 서비스에게 Access Token을 발급해주는 서버 즉 외부 플랫폼 리소스에 접근할 수 있는지 인증을 하는 서버를 의미 Resource Server : 구글,페이스북, 카카오와 같이 보호되는 리소스를 가지는 서버 Client : 유저가 로그인 할려는 웹 사이트. Resource Owner 를 대신해 Authorization Server & Resource Server 에 접근하는 주체입니다. client_id : client 측에서 개발 당시에 oauth 구현을 위해 리소스 서버..

Salt Labs

1XX : 요청이 수신되어 처리중 2XX : 요청 정상 처리 3XX : 요청을 완료하려면 추가 행동이 필요 4XX : 클라이언트 오류, 잘못된 문법등으로 서버가 요청을 수행할 수 없음 5XX : 서버 오류, 서버가 정상 요청을 처리하지 못함

webpack이란 ( 참고 사이트 ) 웹팩이란 모듈 번듈링이라고 한다. html파일에 들어가는 Js 파일들을 하나의 js파일로 만들어 주는 방식을 모듈 번들링 이라고 한다. 즉, webpack은 다수의 js 파일을 하나의 js파일로 만들어주는 것 필요한 이유 옛날에는 페이지마다 새로운 html을 요청해주 뿌려주는 방식 현재는 SPA 방식으로 하나의 html 페이지에 여러 개의 js 파일들이 포함 됨. 연관 된 js파일들을 하나로 묶어서 관리 용이 컴파일 시 파일 불러오는 시간이 번들링을 통해 줄어듬 하나의 파일로 만들어서 웹 페이지 성능 최적화 됨 Babel이란? 최신 ES6버전을 ES 5 버전으로 변환해줌 대부분의 브라우저는 es6를 지원하지만 익스플로러 같은 경우 구 버전이므로 es5로 바꿔줘야함 $..

1. 마이그레이션 파일 db 덮어쓰기 npx prisma migrate dev // 적용되지 않은 가장 최근의 마이그레이션 파일을 사용합니다 - 없으면 새로 만듬 // migrate는 데이터베이스 내용을 초기화 합니다 2. 임시 마이그레이션 파일 만들기 npx prisma migrate dev --name 파일이름 --create-only 3. 마이그레이션 파일 수정하기 ALTER TABLE "Profile" RENAME COLUMN "biograpy" TO "biography" 4. 임시 마이그레이션 파일 DB에 적용하기 npx prisma migrate dev 5. DB 재설정 (초기화) npx prisma migrate reset 6. 스키마 수정사항 가져오기 npx prisma db pull 7...

참고자료: W3 HTTP/1.1: Status Code Definitions part of Hypertext Transfer Protocol -- HTTP/1.1 RFC 2616 Fielding, et al. 10 Status Code Definitions Each Status-Code is described below, including a description of which method(s) it can follow and any metainformation required in the response. 10.1 Inform www.w3.org 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다. 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다. 3xx(리다이렉션) : ..