목록전체 글 (374)
Silver Library (Archived)
So, what does it mean? Here is for the record. In JavaScript, a lexical environment is: A data structure that holds information about the variable bindings, that are active at a given point in the code. It consists of an outer lexical environment and an inner lexical environment. 1. The outer environment is the one that is associated with the code that surrounds the current block of code, 2. The..
Intro. "그게 좋은 건 알지만, 그걸 실현 하는건 시니어 소프트웨어 엔지니어 수준은 되어야 하지 않을까?" 라고 생각을 하고 있었습니다. 정말 막막했죠. 오로지 블로그에서나 Google Anlytics 를 도입하고, 이를 기반으로 해서 구글 창에서 열람 하는 건 알아도, 이걸 어떻게 백엔드 부분이며 설정을 하고, 또 어떻게 현황판을 설계해서... 잠깐. 그러고 보니 Google Analytics 가 현황판인데, 이 것도 블로그 분석을 무슨 크게 잘 한게 아니라 그저 몇가지의 설정만 부여해서 해낸 것이었습니다. 너무 어렵게 생각 한 건지도 모르겠다는 생각이 들었던 저는, "지금이라면, 그 의문에 해답을 찾을 수 있을 것 같다" 라고 생각하며 찾은 정보가 있습니다. 이 부분을 기록해둘까 합니다. 쓸일이..
There is something called 'A design pattern for Redux'. In this post, let's research how 'store' concept can be used. Do remember, Redux life cycle should be: Action Creator -> Action -> Dispatch -> Reducers -> Store Which means: You -> Booking Form -> Submit Form -> Ticket Counters -> Movie Cinema Point is; Config slice then set store. cakeSlice.js create feature slice using createSlice functio..
이 부분을 두고 '어떻게 할까...' 하던 중, 그냥 async 로 할 때 Redux 를 쓰게 될 경우에는 'redux -> axios' 로 조합을 구성 하면 되겠다는 잠정 결론이 나왔습니다. 이 글은 redux-thunk middleware 개념을 적용해서 async data 과정에서 axios를 함께 적용하는 사례를 기반으로 간략히 기록되었습니다. Prerequisite. - You need to install the following: npm i axios redux-thunk Redux Thunk. Thunk middleware for Redux. It allows writing functions with logic inside that can interact with a Redux store's..