코딩 발걸음

useQuery http GET방식 통신에 적합한 hook 옵션을 넣지 않는다면 랜더링시 무조건 실행 된다. useMutation http POST방식 통신에 적합한 hook 원하는 시점에 호출할 수 있다. *http GET방식(캐싱 이용 가능), POST방식 모두 조회 및 변경은 가능하지만 GET방식은 SELECT에 적합하고, POST방식은 UPDATE에 적합하다. 왜? 게시글 삭제로 예를 들었을때 delete기능 구현시 get방식으로 데이터를 삭제한다 => 누구나 삭제 가능하다.(토큰등을 싣는다면 이야기가 좀 달라지지 않을까?)

1.Certbot 설치 add-apt-repository ppa:certbot/certbot apt-get update apt-get install certbot 2. 인증서 발급 --standalone이용 --manual, --standalone, --webroot 등의 방식이 있음 플러그인 자동갱신 와일드카드 외부에서 .well-known 폴더 접근가능 여부 --manual X O O (발급시 접근이 가능해야함.) --standalone O (발급 및 자동 갱신시 서버 닫아야함) X X --webroot O (발급 및 자동 갱신시 서버 안닫아도됨) X O (발급 및 자동갱신에 신경을 끄기 위해 항상 접근이 가능해야함.) 공부해본 결과 위와 같은 특징이 있다. 자동갱신 필요(새벽에 자동갱신 시키면 될 ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. JWT(JSON Web Token)란? 인증에 필요한 사용자의 정보를 JSON개체로 안전하게 전송하기 위한 암호화된 토큰 2. 세션(Session)과의 인증 차이 세션 기반 인증 [클라이언트] 유저 로그인 => [서버] 유저정보 확인 => [서버] 맞을 시 세션 DB에 유저의 세션 아이디와 정보 등을 저장=> [서버] 유저에게 세션아이디를 응답 => [클라이언트] 세션아이디를 쿠키에 저장 => [클라이언트] 서버에 다른 요청(헤더에 세션 아이디를 포함) => [서버] 요청받은 세션아이디를 이용하여 DB를 확인하고 세션이 유효한지 확인 => [서버] 유효 여부에 따라 클라이언트에게 응답 토큰 기반 인증 [클라이언트] 유저 로그인 => [서버] 유저정보 확인 => [서버] 맞을 시 유저정보가 담긴 AC..

아주 긴 연속의 야근의 날들을 보내던 중.. 어느날 정신차리고 나의 책상을 보게 되었다. 말그대로 아주 개판이었다. (사실 조금 치우고 찍은 사진이다.) 이렇게 살다가는 내 자신이 너무 나태해질거 같아 정리를 하기로 마음을 먹었다. 무엇 부터 정리해야할까 생각하던 중 스피커와 모니터가 제일 문제라고 생각했다.(사실 로션과 잡동사니들이 문제라는 것은 알고 있지만 그냥 모니터가 사고 싶었다. ) 그렇게 모니터 구입을 마음 먹고 인터넷을 통해서 내게 필요한 모니터를 물색했다. 내가 구입하려는 모니터의 조건은 아래와 같았다. 1. 화면크기는 24인치, 144hz이상의 주사율을 지원할것 -게임은 잘 안하지만 가끔 칼바람 도중 칸나선수가 몸속에 빙의되곤 한다. 2. 내장스피커를 지원할것. - 저 만원짜리 미니소 블..

오늘은 Vue Cli를 이용하여 Vue 프로젝트를 생성할 때에 추가한 EsLint와 Prettier에 대해 공부해 보겠습니다. 먼저 EsLint란 무엇일까요? EsLint란 코드를 정적 분석하며 오류를 찾아내고 ( 코드품질 검사 ) 코딩 컨변션을 검사,수정( 코드 포매팅 ) 하여 일관성과 가독성을 높여주는 도구입니다. 쉽게 잘못된 문법을 알려주고 고칠수 있도록 도와주며( Linter로서의 기능 ), 이상하게 작성한 코드도 예쁘게 만들어주는( Fomatter로서의 기능 ) 도구이다 비슷한 도구로 JSHint와 JSLint 등이 있는데 확장성이나 커스터마이징 부분에서 더 뛰어나 ESLint를 많이 쓰입니다. 그렇다면 Prettier라는 것은? Fomatting만 지원하는 Fomatting에 특화된 도구입니다..