본문 바로가기
[Web] 세션을 알아보자 들어가며 세션, 참 많이 들어본 단어입니다. 하지만 세션이 무엇이고, 어떻게 활용할 수 있는지 전혀 알지 못했습니다. 지금이라도 세션이 무엇이며, 세션을 어떻게 활용할 수 있는지 알아야겠다고 생각했습니다. 더 늦기 전에, 웹의 기초에 대해 쌓고 싶어서 개념을 정리해보고자 합니다. 무지를 반성하는 마음으로 이 글을 적습니다. 세션(Session) 세션이란 일정 시간 동안 같은 사용자(정확하게 브라우저를 말한다)로 부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술입니다. 여기서 일정 시간이란 방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점으로부터 웹 브라우저를 종료함으로써 연결을 끝내는 시점을 말합니다. HTTP에서 Session은 다음과 같이 동작합니다. 1) 클라이언..
[일기장] 뒷모습의 단상 Time to look at your back 당신의 뒷모습을 바라보는 시간 언젠가 형과 나란히 앉아 아버지의 나이 듦을 이야기했습니다. 아버지가 한 인간으로 보이는 순간이 왔다는 것이 기특하기도, 아프기도 했습니다. 우리는 각자 기억하는 아버지의 모습을 이야기했습니다. 아버지를 다르게 기억하고 있던 형 덕분에, 아버지의 새로운 모습을 알 수 있었습니다. 그러다 문득, 당신에 대해 얼마나 알고 있을까 생각했습니다. 태어나서 평생을 함께했지만 어쩌면 당신에 대해 제대로 알려고 해본 적이 없었던 것 같아서, 그래서 처음으로 당신이 궁금했습니다. 출근하는 당신의 뒷모습을 오래도록 바라보았습니다. 한 자리에 고정된 채, 시야에서 사라지는 순간까지 멍하니 당신을 바라보면서. 어떤 성실함은 슬픔으로 다가온다는 어느..
[자바스크립트] var, let, const의 차이를 알아보자 (feat. TDZ) 들어가며 자바스크립트로 개발을 하면서, 호이스팅 이라는 개념을 알고서는 개발은 참 심오하고 어렵구나 생각했던 기억이 있습니다. 변수는 분명 아래에 있는데, 왜 위에서 그 변수를 부르면 코드가 어떻게 이해할 수 있을까 신기해하곤 했습니다. 그러던 중 누군가 저에게 호이스팅에 대해 이야기하면서 TDZ에 대해 이야기한 적이 있습니다. TDZ에 대해 처음 들어본 개념이었기에, 아직 자바스크립트에 대해 제대로 모르고 있구나 라는 생각을 했습니다. 이번 기회에 이 부분을 제대로 정리해봐야겠다고 생각했습니다. 이상한 알 수 없는 에러는 무엇인가? 가끔 개발하다 보면 Cannot access 'X' before initialization과 같은 에러를 받아보곤 했습니다. 초기화 전에는 접근할 수 없다는 뜻인데, 여기서..
[Web] 로컬 스토리지와 세션 스토리지 들어가며 언젠가 로컬 스토리지와 세션 스토리지의 차이는 무엇인지? 스토리지는 언제 쓰이는지 누군가 물었던 적이 있습니다. 이건 프론트엔드 개발자가 알아야 하는 거 아닌가? 하고 넘어갔는데, 웹 개발 분야에서 일하게 된다면, 당연히 알아야 하는 개념이 아닐까 생각했습니다. 더 늦기 전에, 웹의 기초에 대해 쌓고 싶어서 개념을 정리해보고자 합니다. 무지를 반성하는 마음으로 이 글을 적습니다. 로컬 스토리지, 세션 스토리지 로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소입니다. 스토리지를 활용하면 간단한 키와 값을 저장할 수 있습니다. 키-밸류 스토리지의 형태입니다. 로컬 스토리지와 세션 스토리지의 차이점은 데이터의 영구성입니다. 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에..
[Web] 쿠키를 알아보자 들어가며 언젠가 쿠키는 무엇이고, 쿠키를 활용해서 어떤 것을 할 수 있는지 누군가 물었던 적이 있습니다. 쿠키는 단순하게 브라우저에서 저장하고 싶은 것을 담는 거 아니야?라고 단순하게 생각하고 있었는데, 다른 이에게 쿠키를 설명한다면 어떻게 설명할 수 있을까, 그리고 쿠키를 서버 개발에서 어떻게 활용할 수 있을까 제대로 정리해봐야겠다고 생각했습니다. 더 늦기 전에, 웹의 기초에 대해 쌓고 싶어서 개념을 정리해보고자 합니다. 무지를 반성하는 마음으로 이 글을 적습니다. 쿠키 쿠키란 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일을 일컫습니다. 로컬 스토리지와 세션 스토리지가 나오기 이전, 쿠키는 브라우저에 저장소 ..
[자료구조] 스택 with JavaScript 들어가며 SOPT의 세미나에서 스택과 큐에 대해 처음 배웠습니다. 당시 자바스크립트 동작 원리를 배우면서 콜 스택에 대해 배웠는데, 스택이 무엇인지 몰라서, 이해를 못하고 넘어갔던 기억이 납니다. 생각해보면 정확하게 스택이 무엇이고, 스택은 어떻게 처리할 수 있는지 제대로 공부해본 적이 없었던 것 같습니다. 데이터들을 어떤 구조로 어떻게 저장하느냐에 따라 프로그램의 효율과 성능이 차이가 날 수 있다고 합니다. 따라서 스택에 대해 제대로 공부해야 더 효율적이고 성능 좋은 프로그램을 개발할 수 있다고 믿습니다. 어디선가, 늦음을 걱정하지 말고 제대로 하지 않았음을 걱정하라는 이야기를 들은 적이 있습니다. 이제부터라도 제대로 공부하고 싶어 이 글을 정리합니다. 스택은 어디에 쓰일까? 무엇인가 글을 잘못쓰거나 ..
[네트워크] Restful API 이해하기 (feat. 그런 REST API로 괜찮은가?) 들어가며 Restful API를 개발한다는 것은 무엇일까요. 그리고 Rest라는 것은 무엇일까요. 개발을 하면서, 한 번쯤은 들어보고, 알고 있다고 생각하는 개념이었는데, 누군가 나에게 Rest가 무엇인가요 물었을 때, 단 한 마디도 제대로 할 수 없었습니다. 이번 기회를 통해 Rest란 무엇이며, Restful 하다는 것은 무엇인지에 대해 그런 REST API로 괜찮은가? 자료를 활용해서 정리해보려 합니다. REST의 출현 계기 1991년 www가 팀 버너스 리에 의해 탄생했습니다. 이때 어떻게 인터넷에서 정보를 공유할 것인가에 대해 고민을 시작합니다. 팀 버너스 리는 이에 대한 답으로 정보들을 하이퍼 텍스트로 연결하는 방법을 제시했습니다. 세부적인 방법으로는 표현 형식은 HTML이며, 식별자는 URI..
[자료구조] 해시테이블 with JavaScript 들어가며 연결 리스트를 시작으로 자료구조를 본격적으로 공부하려 합니다. 자료구조를 제대로 공부해야만 훗날 근무를 할 때, 더 좋은 코드를 작성할 수 있다고 믿습니다. 그렇다면 자료구조에 대해 깊은 이해가 있는 개발자가 되기 위해 차근차근 공부해보겠습니다. 해시 테이블은 왜 배워야 할까? 유저가 회원가입을 한다고 생각해봅시다. 만약 유저의 아이디와 비밀번호를 DB에 저장하게 될 텐데, 그렇다면 입력받은 데이터를 내부 DB에 그대로 저장해야 할까요? 물론 데이터를 저장해야 합니다. 하지만 입력값 그대로를 저장한다면, 내부 DB가 해커에 의해 뚫리게 되는 순간 개인정보 유출로 인한 피해를 입을 수 있습니다. 그래서 개발자는 비밀번호를 저장할 때, 비밀번호를 암호화해서 저장합니다. 이때 해시 함수를 활용해서 비..
[자바스크립트] 클로저 (feat 코어 자바스크립트) 들어가며 많은 기업들이 타입 스크립트와 nest.js를 활용해서 서버 개발을 하곤 합니다. 취업을 하려면, 타입 스크립트와 nest.js를 공부해서 실무를 익히는 것이 중요할 것입니다. 하지만 아직 자바스크립트의 기초도 없는 상태에서 타입 스크립트와 nest.js를 공부하는 것이 맞을까 하는 생각이 들었습니다. 빠르게 기술변화를 적응하고, 러닝 커브를 줄이기 위해 빠르게 공부해야 하는 것도 맞겠지만, 그전에 언어의 기반이 되는 자바스크립트부터 제대로 알아야 하지 않을까 하는 생각이 들었습니다. 이 기회에 자바스크립트의 기본에 대해 정리해보고자 합니다. 클로저의 의미 및 원리 이해 앞에서 실행컨텍스트에 대해 배운 지식을 바탕으로 클로저를 정의해본다면, 클로저란 외부 함수의 변수를 참조하는 내부 함수를 외부..
[자바스크립트] 콜백 함수란? (feat 코어 자바스크립트) 들어가며 많은 기업들이 타입 스크립트와 nest.js를 활용해서 서버 개발을 하곤 합니다. 취업을 하려면, 타입 스크립트와 nest.js를 공부해서 실무를 익히는 것이 중요할 것입니다. 하지만 아직 자바스크립트의 기초도 없는 상태에서 타입 스크립트와 nest.js를 공부하는 것이 맞을까 하는 생각이 들었습니다. 빠르게 기술변화를 적응하고, 러닝 커브를 줄이기 위해 빠르게 공부해야 하는 것도 맞겠지만, 그전에 언어의 기반이 되는 자바스크립트부터 제대로 알아야 하지 않을까 하는 생각이 들었습니다. 이 기회에 자바스크립트의 기본에 대해 정리해보고자 합니다. 콜백 함수란? 콜백 함수는 다른 코드의 인자로 넘겨주는 함수입니다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행합니다. 예..

티스토리툴바