쿼카러버의 기술 블로그

Session Mangement는 크게 3가지 페이지로 구성된다. 1) 쿠키란 무엇인가 2) 세션이란 무엇인가 3) Javascript로 구현하고 이해하는 Session Management 본 글은 마지막 장인 Javascript로 구현하고 이해하는 Session Management 에 대해 다룬다. 학습방법 : 이번 페이지만 읽어도 간단한 예시와 함께 Session Management에 대해 이해할 수 있겠지만, 좀 더 깊은 이해를 원한다면 앞의 시리즈 페이지를 매우 짧게 작성했으니 한번쯤은 읽어보는 것을 추천한다. 본 글의 흐름은 다음과 같다. 1) 세션 관리가 필요한 이유 : login logout 기능 2) 쿠키가 필요한 이유 3) 쿠키를 식별자로 사용한 예시 및 단점 설명 (Javascript ..

Session Mangement 시리지는 크게 3가지 페이지로 구성된다. 1) 쿠키란 무엇인가 2) 세션이란 무엇인가 3) Javascript로 구현하고 이해하는 Session Management 본 글은 두 번째 장인 세션이란 무엇인가에 대해 다룬다. 학습 방법 : 필자는 이 글에서 세션이 무엇인가에 대해 그냥 한번 훑고나서 3번 페이지인 Session Managment를 읽고 난 뒤 다시와서 한번 더 읽는 것을 추천한다. Session이란 무엇인가 세션이란 쿠키를 매개로 하지만, 사용자 정보 파일인 세션 ID를 서버에서 관리하는 방법을 의미한다. A session is a semi-permanent interactive information interchange. It is set up or esta..

Session Mangement는 크게 3가지 페이지로 구성된다. 1) 쿠키란 무엇인가 2) 세션이란 무엇인가 3) Javascript로 구현하고 이해하는 Session Management 학습 방법 : 필자는 이 글에서 쿠키가 무엇인가에 대해 그냥 한번 훑고나서 3번 페이지인 Session Managment를 읽고 난 뒤 다시와서 한번 더 읽는 것을 추천한다. 본 글은 첫 번째 장인 쿠키란 무엇인가에 대해 다룬다. 쿠키란? 쿠키는 클라이언트의 효율적인 웹 사용을 보장하기 위해 웹사이트에서 널리 사용되고 있다. 클라이언트의 개인 장치(브라우저) 저장되는 'key-value'쌍의 데이터 파일을 의미한다. 쿠키의 특징 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장한다. 사용자가 따로 처리 안해도 ..

favicon.ico란? facvicon : 파비콘은 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫는다. 이 아이콘은 즐겨찾기에 웹페이지를 등록할때도 사용된다. 쉽게 말해서 다음 등의 사이트로 들어가 주소창을 보면 조그만한 아이콘이 보이는데, 그걸 파비콘이라고 함. 파비콘이 적용된 사이트와 적용안된 사이트는 브라우저의 고유 아이콘이 표시되게 된다. 일반적으로 ico(아이콘 파일 확장자)로 파비콘을 제작하면, 브라우저에 적용된다.

npm test, npm start, npm restart, npm stop 는 모두 npm run ***의 alias다. 다른 스크립트를 쓰고 싶으면 npm run xxx syntax를 사용해야 한다. npm cli script관련해서 좀 더 자세한 내용을 보고 싶으면 https://docs.npmjs.com/cli/run-script를 참고하자.

앞 시리즈에서는 다음의 내용을 다루었다. 1) Github Action의 Core 개념 https://etloveguitar.tistory.com/74 2) 내 레포에 Github Action에 간단한 CI 적용해보기 https://etloveguitar.tistory.com/75 그러면 이번 시리즈에서는 남들에게 노출되면 안되는 정보를 Secret, Environment(시크릿, 환경변수)에 담아 Github Action에 적용하는 법을 알아보자 Secret등록 레포의 Settings에 들어가보면 아래처럼 Secret을 설정할 수 있음 여기서 내가 원하는 Key이름을 정해주고 Value에 원하는 값을 담아주면 Github에서 암호화해서 정보를 보관하고 있다가 Github액션에서 해당 키로 Secret을..

앞 글에서는 github action의 core 개념에 대해서 알아보았다. Github액션을 최대한 쉽게 이해시켜주기 위해 간단히 정리했으니, 바로 실습에 들어가기전에 아래 글에서 Core개념을 간단하게나마 익히는 것을 추천한다. https://etloveguitar.tistory.com/74 [Github Action] Github Action 시리즈 1탄 : Core 개념 (Workflow, Event, Job, steps, runner, step, action 개념 쉽게 정 앞으로 간단하게 Github Action을 사용해서 CI/CD를 구현해보려고 한다. 시작하기에 앞서 Github Action의 Core개념을 익혀보고 다음 시리즈에서는 실제로 Github Action을 실행시켜보도록 하겠다. C..

앞으로 간단하게 Github Action을 사용해서 CI/CD를 구현해보려고 한다. 시작하기에 앞서 Github Action의 Core개념을 익혀보고 다음 시리즈에서는 실제로 Github Action을 실행시켜보도록 하겠다. Core Workflow 최상위 개념 여러 개의 Job으로 구성되고, Event에 의해 트리거될 수 있는 자동화된 프로세스 Workflow파일은 YAML으로 작성되고, Github Repository의 .github/worflows폴더 아래에 저장된다. Event Workflow를 Trigger하는 특정 활동이나 규칙을 의미한다. 특정 브랜치로 push 특정 브랜치로 Pull Request 특정 시간대에 반복 (Cron) Release Webhook이나 API를 통한 실행 Job 하..