본문 바로가기

📠 archive29

[Haskell Tutorial] Hello World! 💡 해당 포스트는 Learn Haskell by building a blog generator 를 정리한 내용입니다. 📌 Haskell 개발환경 설정 가장 먼저 GHCup 을 설치해줍니다. Haskell 개발에 필요한 HLS, ghc 등을 버전별로 편하게 관리할 수 있는 도구입니다. GHCup GHCup From here you can search these documents. Enter your search terms below. www.haskell.org curl --proto '=https' --tlsv1.2 -sSf | sh 설치가 끝나면, 다음 명령어를 통해 현재 사용가능한 툴 버전들을 한눈에 확인하며 관리할 수 있습니다. $ ghcup tui vscode 를 사용할 경우 Haskell 플러그.. 2022. 11. 28.

[Design Pattern] PUB-SUB 패턴 📌 PUB-SUB 패턴 PUB-SUB 패턴은 Observer 패턴의 일종이며 다수의 consumer 가 자신이 관심 있는 이벤트를 비동기적으로 수신할 수 있도록 합니다. (단, sender 와 receiver 는 coupling 되지 않아 서로의 존재를 모릅니다.) 📌 PUB-SUB vs Observer 위는 Observer Pattern 의 동작 흐름입니다. 이러한 흐름을 구현한 애플리케이션은 Observer Pattern 을 구현했다고 말할 수 있습니다. 그렇다면 PUB-SUB 는 어떤 차이가 있는 것 일까요? PUB-SUB 의 경우 Subject -> Publisher 그리고 Observer -> Subscriber 라는 명칭상의 변경만 존재할 뿐 눈에 띄는 차이점은 없어 보입니다. 그래서 많은 서.. 2022. 6. 13.

JWT (JSON Web Token) 📌 JWT 란? JWT는 JSON 포맷을 이용하여 사용자에 대한 속성을 저장하는 claim 기반의 web token 입니다. 토큰 자체를 정보로 사용하기 때문에 self-contained 방식 이라고 하며 다음과 같은 흐름으로 사용됩니다. JWT에는 필요한 모든 정보를 토큰에 포함하기 때문에 데이터베이스와 같은 서버와의 커뮤니케이션 오버 헤드를 최소화 할 수 있습니다. 또한 서버는 JWT 생성 시 JWT 에 검증이나 권한 인가 시 필요한 값을 넣어주면 되기 때문에 JWT 에 대한 상태를 따로 관리하지 않아 stateless 한 특징을 가지고 있습니다. 📌 JWT 구조 JWT 는 header , payload , signature 세 가지로 구성되어 있습니다. 각 부분은 base64-URLSAFE 로 인코.. 2022. 5. 23.

Cookie & Web Storage 📌 쿠키와 차이점? 1️⃣ 네트워크 요청 시 웹 사이트에서 cookie 를 설정하면 매 요청마다 헤더에 담겨서 서버로 전송됩니다. 하지만 web storage 는 저장된 데이터가 클라이언트에 존재하며 서버로 전송되지 않습니다. 이를 통해 네트워크 트래픽 비용을 줄일 수 있습니다. 2️⃣ HTTP 헤더 조작 또한 스토리지 객체는 서버가 HTTP 헤더를 통해 조작할 수 없습니다. web storage 객체는 모두 JS 내에서 수행됩니다. 3️⃣ 저장용량 쿠키는 최대 20개에 각 쿠키에 4KB 의 용량 제한이 있는 반면에 web storage 는 브라우저와 기기에 따라 다르지만 모바일은 2MB , 데스크탑은 5MB ~ 10MB 라고 생각하면 됩니다. 📌 Local Storage & Session Storage.. 2022. 5. 22.

[Vue.js] 반응형 시스템의 내부 동작 방식 살펴보기 💡 본 포스트는 Vue 2.x 를 기준으로 작성되었습니다. Vue의 반응형 시스템은 어떻게 동작할까? 이전 포스트에서 제가 사이드 프로젝트를 진행하며 실제 마주했던 이슈와 함께 Vue 의 반응형 시스템에 대해서 간단하게 알아봤다면 이번 포스트에서는 내부 동작에 대해 좀 더 깊이 있는 내용들을 알아보려고 합니다. 📌 Vue 는 어떻게 상태 변화를 감지할까? 다음은 data 를 화면에 보여주는 간단한 Vue 컴포넌트 예시입니다. {{ name }} 여기서 name 값이 변경되면 이 값이 화면에 그대로 반영됩니다. Vue 내부적으로는 이 과정이 어떻게 진행되는 것일까요? 다음은 Vue 공식 문서에 소개되어있는 반응형의 동작 원리에 대한 그림입니다. data 속성의 할당 방식 Vue 는 data 로 JavaSc.. 2022. 3. 7.

[Vue.js 상태관리 3편] Vuex 언제, 어떻게 써야할까? Redux 를 고안한 Dan Abramov 는 상태 관리에 대해 다음과 같은 의견을 말한 적이 있습니다. Flux 라이브러리는 안경과 같습니다. 언제 필요할지는 스스로 알게 됩니다. 이번 포스트에서는 vuex 를 언제 쓰는 것이 좋을지에 대한 고민을 해보겠습니다. 어느 기술이나 마찬가지이듯 항상 정답인 것은 없으니까요 😄. 📌 Vuex 도입 시 고려할 점 애플리케이션 규모 많은 사람들은 앱의 규모가 커지면 Vuex 가 꼭 필요할 것이라고 말합니다. 좀 더 자세하게는 앱이 어떠한 방식으로 규모가 커지고 있는지가 중요합니다. 대부분의 데이터 흐름은 일정한 패턴을 가지고 있는 경우가 있기 때문에 중앙 집중식으로 관리가 필요할 것 같다는 판단이 들 때까지 정말 Vuex 가 필요한 상황인지 생각해볼 필요가 있습니.. 2022. 3. 7.

이전 1 2 3 4 5 다음

티스토리툴바