개발일지

MDX 적용이 궁금하신 분은 이 포스트에 정리했습니다. 다른 서비스들 두고 왜..? 저는 티스토리 블로그를 사용하고 있었습니다. 블로그를 사용하면서, 제 마음에 드는 블로그 스킨이 없었고, 프론트엔드 개발자로 시작한 이상 제 블로그를 직접 만들어서 사용하는 것도 의미가 있겠다란 생각을 했습니다. 그리고 제가 사용하면서 제가 필요한 기능들은 개발하면서 추가해나가면서 블로그를 운영하면 실력도 늘고, 좋은 경험이 될 것이라 생각했습니다. 사용한 스택 사용한 스택은 다음과 같습니다. Typescript, Next.js, Styled-Components, MDX, Zustand 입니다. 구현한 (구현하지 못한) 기능들 제가 처음부터 있었으면 하는 기능들은 다음과 같습니다. 마크다운으로 블로그 포스트 작성 다크모드..

redux-toolkit이나 createSlice, createAsyncThunk 등을 설명하지 않습니다! (쪼금은 있을지도?) 사이드 프로젝트를 진행하면서, 리액트를 다루는 기술에서의 마지막 프로젝트인 블로그 프로젝트를 Typescript, emotion, redux-toolkit을 이용하여 책과는 조금 다르게 프로젝트를 만들어보고 있다. 아무래도 책과는 다른 환경에서 진행하다보니 조금 더디게 진행되고 있는데, 문제가 되는 상황은 createAsyncThunk를 이용하여 api처리를 할 때, 어떻게 구체적인 에러 핸들링을 해야하는지, 핸들링을 하면서 어떻게 타이핑을 해야하는지 해결하는데 조금 시간이 걸리게 되었고, 타이핑에서의 오류가 많이 발생하게 되었다. 에러 핸들링이 필요했던 이유 기본적으로 cre..

Emotion을 사용한 이유? 평소 styled-components를 활용하여 스타일링을 진행했지만, 이번에 TS를 공부하면서 진행하는 프로젝트에서는 emotion을 이용하여 스타일링을 해보고 있다. styled-components와 emotion을 비교하는 글들이 많기는 하지만, 그런 글들과는 상관 없이 직접 사용해보면서 비교도 해보고, 차이점을 느껴보려고 한다. emotion 중에서도 styled-components와 유사한 방식으로 스타일링을 할 수 있지만, 미세한 차이점이 있어 기록하기 위해 이 글을 적는다. Emotion을 사용하면서 마주한 상황 1. props에 따라 스타일을 변경해야 하는 경우 한 컴포넌트를 스타일링 하는 경우, 부모에서 내려오는 props에 따라 스타일링을 다르게 해야하는 ..

Typescript를 적용해야 한다 현재 React-native를 사용하면서 사내 프로젝트를 진행중인데, typescript를 사용하지 않고 진행하다 보니 수많은 상태와, 변수 등에 둘러싸여 작업을 진행하는데 계속해서 불편함을 가지고 있었다. typescript를 도입하게 된다면, 자동완성 및 프로젝트 관리에 효율적으로 진행 할 수 있을 것 같아 타입스크립트를 공부하려 한다. 이번 포스팅을 하면서, redux-toolkit과 hooks를 이용하여, TextInput에 입력한 값을 나열하는 기본적인 프로젝트를 진행했다. React-Native에 적용하기 npx react-native init "나의 앱 이름" --template react-native-template-typescript Redux-tool..