moonscode 236

[MacOS] 내가 보려고 만든 MacOS 초기설정 (2) - 환경설정

Dev git git config 설정 $ git config --global user.name "mooncoding" $ git config --global user.email "mooncoding@naver.com" $ git config user.name $ git config user.email brew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" # 필요하다면 Next steps을 실행하세요 ==> Next steps: - Run these two commands in your terminal to add Homebrew to your PATH: (echo; echo '..

DevOps/MacOS 2024.03.18

[MacOS] Amethyst (2) - Layout

최근 Amethyst의 Layout 기능을 사용하고 OSX App Window 관리 프로그램을 Amethyst로 정착했다. 기존 Spectacle, Rectangle등의 프로그램은 개별 App Window을 조작했다면, Amethyst Layout 기능은 그것과는 결이 다르다. 전체 화면에서 App들이 배치될 방식의 Layout을 미리 설정하면 App들이 Layout 대로 자리를 채우는 방식이다. 아래 사진을 보면 Layout 개념을 이해하는데 도움이 될 수 있다. 위 레이아웃은 "Tall"이란 형태의 레이아웃이고 Amethyst에서 더 다양한 Layout을 제공하고 있다.

DevOps/MacOS 2024.03.11

[Postman] pre-request script (module import)

Postman을 사용하다 보면 단순한 request-body가 아닌 비즈니스 로직이 포함되어야 하는 request-body를 전송해야 하는 경우가 있습니다. 이럴 때 pre-request script 기능을 사용하면 javascript를 이용해 request-body를 만들 수 있습니다. 외부 모듈 가져오기 https://blog.postman.com/adding-external-libraries-in-postman/ Adding External Libraries in Postman | Postman Blog Learn how to use the libraries included in the Postman sandbox, then review some methods for adding your own e..

DevOps 2024.02.19

[JavaScript] 그림으로 이해하는 자바스크립트 Array

Array 선언 const animal = ["ant", "beer", "cat", "dog", "eagle", "fox", "giraffe"] 길이 얻기 (length) const animal = ["ant", "beer", "cat", "dog", "eagle", "fox", "giraffe"] console.log(animal.length) // 7 Element 얻기 ([idx])const animal = ["ant", "beer", "cat", "dog", "eagle", "fox", "giraffe"] console.log(animal[3]) // "dog" Index 얻기 (indexOf)만약 배열안에 찾는 값이 없다면 -1을 반환.const animal = ["ant", "beer", "c..

[Python] 그림으로 이해하는 파이썬 List

List 선언 animal = [”ant", ”beer”, “cat”, ”dog”, “eagle”, “fox”, “giraffe”] 길이 얻기 (len) animal = [”ant", ”beer”, “cat”, ”dog”, “eagle”, “fox”, “giraffe”] print(len(animal)) // 7 Element 얻기 animal = [”ant", ”beer”, “cat”, ”dog”, “eagle”, “fox”, “giraffe”] print(animal[3]) # "dog" Index 얻기 (index) animal = [”ant", ”beer”, “cat”, ”dog”, “eagle”, “fox”, “giraffe”] print(animal.index("dog")) # 3 앞에 Ele..

[Redux] redux-thunk

Thunk란? 먼저 thunk를 이해해야 redux가 비동기를 어떻게 처리하는지 이해할 수 있다. https://ko.wikipedia.org/wiki/%EC%8D%BD%ED%81%AC 썽크 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 컴퓨터 프로그래밍에서 썽크(Thunk)는 기존의 서브루틴에 추가적인 연산을 삽입할 때 사용되는 서브루틴이다. 썽크는 주로 연산 결과가 필요할 때까지 연산을 ko.wikipedia.org thunk는 "생각된(think의 과거분사, 실제로 없는 말)" 후 무엇인가를 실행하겠다. 라는 뜻으로, redux에서는 "무엇인가 로직을 처리하고 dispatch를 실행하겠다." 라고 생각하면 된다. 즉, dispatch전 실행될 코드를 thunk로 이해하면 되겠..

FrontEnd/Redux 2023.08.14

[ReduxToolkit] createAsyncThunk

redux에서 비동기함수 처리는 [redux-thunk](https://github.com/reduxjs/redux-thunk)라는 별도의 미들웨어를 통해야 한다. 반면 rtk은 비동기함수 처리를 위해 createAsyncThunk 함수를 내장하고 있다. Thunk란? https://moonscode.tistory.com/249 Redux redux-thunk Thunk란? 먼저 thunk를 이해해야 redux가 비동기를 어떻게 처리하는지 이해할 수 있다. https://ko.wikipedia.org/wiki/%EC%8D%BD%ED%81%AC [썽크 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. moonscode.tistory.com createAsyncThunk란? redux-t..

FrontEnd/Redux 2023.08.14