뚱이의 이모저모 세상 알기 & 개발 일기 😼 뚱이의 이모저모 세상 알기 & 개발 일기 😼

타입스크립트를 사용 할 일이 없었다. 그런데 생겨버렸다...! 그래서 미리 좀 공부를 하려고 한다. 자바스크립트에 타입스크립트를 적용하는 건 그나마 좀 이해가 되는 부분인데, 리액트 그것도 리덕스에 타입스크립트를 적용하고 있자니 뭔가... 편한 듯 불편한 듯... 리덕스가 타입스크립트를 편하게 쓰도록 만들어놓은게 아닌가? 라는 생각이 들었다. 그렇다면... 리액트 리덕스 타입스크립트! 시작해보자!! 우선 내가 만든 것은 아주 간단하다! input 태그에 api에 맞는 텍스트를 넣으면 단순히 호출해주는 것을 만들었다. 우선 전체적인 폴더 트리, 그리고 리덕스의 폴더트리를 보자면 아래와 같다. 자, 리덕스를 시작해보자! 우선 actions 폴더에서 타입을 만들어볼 것이다. // src > redux > a..

요 며칠 리덕스의 사용으로 인해 혼자서 고군분투 하고 있었다. 대충 큰 그림도 그려지고 Todo-list, counter 증감과 같은 정도는 해낼 수 있을 것 같은데 이 정도 레벨에서 사용하자니 "무려" redux를 사용하기에 무척이나 아깝게 느껴졌다. 이를 더 충분히 활용하지 못하는 느낌이 들었다. 과거에 redux-toolkit에 대해서 잠깐 보긴 했지만 당장 이것을 아는 것보다 원래의 Redux를 잘 아는 것이 더 중요하다고 생각하여 패스한적이 있다. 그러나 어차피 글로벌한 state 관리를 해야한다면 그리고 무조건 Redux를 사용해야 한다면 가능한 간편한 방법으로 사용하는 편이 효율적일 것이다. 그렇게 redux-tookit을 다시 찾아보게 되었다. toolkit에 관한 것은 유튜브와 공식문서..

Redux는 이제 애증이 되어버렸다. Redux 외에도 contextAPI, mobX 등이 있는데, 물론 필요에 따라서 사용을 한다면 도움이 될 것이다. 하지만 나는 단순히 Redux가 어렵다는 이유로 피해왔고, 그로 인해서 다른 선택을 했었다. 그러나 아무리 mobX가 뜰 것 같다고 하고, 쓰기 편하다고 하더라도 여전히 Redux를 사용하는 회사나 프로젝트가 많고, 최소한 이해는 하고 있어야한다고 생각했다. 더불어 지금 하는 프로젝트를 템플릿을 통해서 실시하다보니 템플릿은 Redux와 context API로 이루어져있었다. 그리고 토이 프로젝트로 하는 것도 state 관리가 필요해서 어떤 것을 사용할까 고민했는데, 겸사겸사 Redux를 사용하기로 했다. 내가 Redux를 무서워하는 이유는 이해가 잘 되..