쿼카러버의 기술 블로그

Javascript 비동기 처리 뿌시기 시리즈에서 필자가 추천하는 학습방법은 아래와 같다. 학습방법 step1) 비동기 처리의 기본 개념을 이해하기 위한 Core개념 익히기 (https://etloveguitar.tistory.com/84) step2) 콜백함수와 콜백 지옥의 맛을 보기 (https://etloveguitar.tistory.com/85) step3) Promise로 살짝 콜백 지옥 해결하고 유연한 코드 짜기 step4) Async & Await를 이해하고 더 우아하게 Promise활용하기 (https://etloveguitar.tistory.com/87) 물론 이미 알고 있는 개념이면 이 시리즈를 전부 보지 않아도 되지만, 최대한 쉽게, 그리고 예시와 함께 설명했으니 복습차원에서 보는것도..

Javascript 비동기 처리 뿌시기 시리즈에서 필자가 추천하는 학습방법은 아래와 같다. 학습방법 step1) 비동기 처리의 기본 개념을 이해하기 위한 Core개념 익히기 (https://etloveguitar.tistory.com/84) step2) 콜백함수와 콜백 지옥의 맛을 보기 step3) Promise로 살짝 콜백 지옥 해결하고 유연한 코드 짜기 (https://etloveguitar.tistory.com/86) step4) Async & Await를 이해하고 더 우아하게 Promise활용하기 (https://etloveguitar.tistory.com/87) 물론 이미 알고 있는 개념이면 이 시리즈를 전부 보지 않아도 되지만, 최대한 쉽게, 그리고 예시와 함께 설명했으니 복습차원에서 보는것도..

Javascript 비동기 처리 뿌시기 시리즈에서 필자가 추천하는 학습방법은 아래와 같다. 학습방법 step1) 비동기 처리의 기본 개념을 이해하기 위한 Core개념 익히기 step2) 콜백함수와 콜백 지옥의 맛을 보기 (https://etloveguitar.tistory.com/85) step3) Promise로 살짝 콜백 지옥 해결하고 유연한 코드 짜기 (https://etloveguitar.tistory.com/86) step4) Async & Await를 이해하고 더 우아하게 Promise활용하기 (https://etloveguitar.tistory.com/87) 물론 이미 알고 있는 개념이면 이 시리즈를 전부 보지 않아도 되지만, 최대한 쉽게, 그리고 예시와 함께 설명했으니 복습차원에서 보는것도..

웹 개발을 하다보면 CORS이슈를 자주 접하게 되는데, 이를 이해하기 앞서 Origin이 무엇인지 알아 둘 필요가 있다. 한국어로는 출처라고 하는데, 출처와 Origin은 같은 의미를 가진다. 근데 나는 헷갈려서 origin이라고 표현한다. 본 글의 내용은 https://etloveguitar.tistory.com/82 [웹 개발] CORS란 무엇인가? (what is Cross Origin Request Sharing?) (CORS 한번에 뿌시기) (nginx CORS에러) CORS는 백엔드 개발을하든 프론트 개발을 하든 항상 부딪히게 되지만, 제대로 이해하지 않고 넘어가는 경우가 많았다. 이번 글을 정리하면서 CORS에 대해 최대한 쉽게 그리고 조금 더 깊이 있는 이 etloveguitar.tisto..

CORS는 백엔드 개발을하든 프론트 개발을 하든 항상 부딪히게 되지만, 제대로 이해하지 않고 넘어가는 경우가 많았다. 이번 글을 정리하면서 CORS에 대해 최대한 쉽게 그리고 조금 더 깊이 있는 이해를 해보고자 한다. 추가로 Origin이 무엇인지에 대해서도 알아본다. 또한 nginx에서 cors 정책을 설정했는데도 에러가 발생하는 경우의 해결법도 간단하게 적어봤다. CORS란? CORS란 Cross Origin Resource Sharing의 약자로 브라우저의 현재 웹 페이지가 이 페이지를 받은 서버가 아닌 다른 서버의 자원을 호출하는 것을 의미한다. 웹 브라우저에서 외부 도메인 서버와 통신할 때 허락을 구하고 거절하기 위해 HTTP-header를 이용하는 메커니즘을 CORS라고 한다. CORS에서 가..

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'쌍의 데이터 파일을 의미한다. 쿠키의 특징 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장한다. 사용자가 따로 처리 안해도 ..