Axios Put Method 400 Error 프로젝트에서 Axios Put 메소드를 이용한 닉네임 변경 API 요청을 아래와 같이 작성하였다. export async function updateNickname(params: string) { const response = await client.put(`user/update`, params)...

React Native Web 리액트 네이티브 앱 중에서 일부 페이지를 웹에서도 접근할 수 있게 해야했다. 웹으로 빌드하며 겪은 시행착오와 조사한 내용을 정리해보자. Webpack 웹팩이란 Webpack Config.js의 각 부분 체크 Loader React Router DOM vs Navigator NavigationContainer Li...

React Router v6 Cannot Get URL 사실 v6 버전인지는 중요치 않았던 Error Router를 사용하는데 자꾸 Match 되지 않는다고… 단언컨데 오늘 최고의 플레이 Webpact config historyApiFallback 속성에 대해서 알아보고 정리하기. devServer: { historyApiFallback:...

React Props Drilling 프로퍼티 드릴링 Props Drilling는 React 에서 Props를 오직 하위 컴포넌트로 내려주기 위해 사용하는 문제를 말한다. 전달해주는 Props의 개수가 많아질 수록 Props들을 추적하기 어려워지고, 유지보수가 어려워진다. 해결책 중 하나는 전역 상태관리를 하는 것이다. Context API 등으...

Release Bundle Axios Network Error React Native App을 야심차게 빌드하고 구글 플레이콘솔 내부 테스트 앱으로 릴리즈 하여 안드로이드 디바이스에서 실행을 했는데…! 세상에 모든 요청이 작동하지 않는 것이다…😱 Axios Network Error 라고만 뜨고…🥲 검색을 열심히 하니, 백엔드 서버가 Http 를 사...

Android Iternal Testing 안드로이드는 앱 릴리즈 전 다야한 테스트를 진행할 수 있는데 오늘은 그 중 내부테스트(Iternal Testing)을 알아본다. 안드로이드 내부 테스트는 메일 주소를 통해 관리하는 그룹원 100명 이내로 테스트가 가능하다. Build Terminal에서 직접 빌드할 수도 있다. 나는 GUI 환경에서 편...

React Native Web Build TypeScript React Native로 Android와 IOS 앱을 만드는 것 까지는 잘 했는데, 웹… 어떻게 빌드하지? 공부하던 책도 React Native Web은 다루지 않았고, 인터넷에서도 Android IOS Build에 비해서는 정보가 많지 않았다. 일단 모바일 앱을 그대로 사용하는 것이...

추상화(Abstraction) 전공 시간에 글자로만 배울 때에는 몰랐는데, 실전에서 개발을 하다보니 추상화가 중요하다는 것이 느껴졌다. 그런데 막상 추상화가 정확하게 무엇인지는 설명을 못하겠다. 추상화(Abstraction)는 문자의 의미 그대로 추상적으로 바꾸는 것이다. 구체적인 것을 감추고, 전체적인 특성을 드러내는 것. 의미가 잘 다가오지...

Change State Handler (feat. TypeScript) 최근에 고민이 생겼다. 😶 바로 이녀석 때문이다. const onChangeForm = (name: string) => (value: string) => { setForm({...form, [name]: value}); }; react에서 객체 형태의...

Refactoring = Jenga 최근에 리팩토링을 하며 어떠한 희열을 느꼈다.😆 리팩토링(Code Refactoring) 결과의 변경 없이 코드의 구조를 재조정함 출처 wikipedia 통상적으로 사용되는 git commit rule 에서 새로운 기능을 구현하는 feat(feature) 와 동등하게 자리잡고있는 refact...