쉽게 시작하는 타입스크립트 뷰(Vue)와 타입스크립트 강의로 유명한 저자 캡틴판교님의 타입스크립트 책, 쉽게 시작하는 타입스크립트를 읽고 남겨보는 리뷰!.. 길벗 출판사로부터 책을 제공받아 서평을 작성하게 되었다. 공부해 오며 캡틴판교님의 블로그나 핸드북을 읽으며 도움받았던 기억이 있어 내적 친밀감을 조금 느끼며 책을 읽었다. 특히 비동기 관련해서 쏙쏙 이해되었던 기억.. 🥺 https://joshua1988.github.io/ 캡틴판교 joshua1988.github.io 보통 책의 목차를 눈여겨보는지라 어떤 책이든 구입하거나 읽기 전에 목차부터 살펴보는 편인데, 이 책은 목차가 잘 정리되어 있고 구분하기 쉬워 책에 대한 호감도가 상승했다. (!) 타입스크립트 소개부터 실전 프로젝트까지 무려 19장으로..

리젝 😭 구글 플레이 스토어에서 동일한 이유로 몇 번 리젝을 당했다. 파일 문제인 줄 알았는데 로그인부터 안 넘어간다니.. 개발환경이나 릴리즈로 뽑았을 때도 잘 되는데?.. 싶어서 서치 시작. 리젝사유는 다음과 같았다. 계속 일관된 사유였음. ((좀 더 친절했으면..)) 제공하신 로그인 사용자 인증 정보로는 인앱 콘텐츠에 액세스 할 수 없었습니다. 그러다 알게된 새로운 사실. Google Play 앱 서명을 하면 서명 키가 바뀐다! 서명키가 바뀌면, SHA-1 값도 변경된다. 카카오 디벨로퍼에 등록해 둔 key hash 값들로는 로그인처리가 불가능하다. 즉 카카오 디벨로퍼에서 플랫폼의 Android key Hash 값에 Google Play에서 받은 key Hash를 추가해주어야 한다. 앱 서명 키의 k..

어떤 에러? 이것은 사실 내가 발견하고 해결한 버그가 아니지만 오래 고생한 만큼 기록해 두기 위해.. 😇 리액트 네이티브 프로젝트 중 안드로이드에서만 발생하는 버그가 잡혔다. 뒤로 가기 버튼을 눌렀을 때 간헐적으로 다른 스택으로 가버리는 경우가 있었다. 스택을 reset을 이용해서 다시 쌓아주기도 했지만 별반 다를 것이 없었음.. 🤔 원인 스택 네비게이션에 탭 내비게이션의 아이콘 영역이 잡혀서 이 영역을 누르면 다른 스택으로 가는 것을 알게 됐다. 참고: 안드로이드 디버그 메뉴는 cmd + m으로 열 수 있다. 저게 무슨 영역인가 보니 하단 탭바를 구성하는 아이콘이었다. 특정 화면에서만 탭바를 보여주기 위해 보여줄 화면 이외에는 {display: "none"} 처리를 하고 있었는데, 뭔가 버그가 있던 것..

Today, What I learned? 이전에 했던 개인 프로젝트를 next.js로 리팩토링하는 과정 중.. 바닐라 JS, HTML, SCSS로 되어있던 코드를 바꾸려다보니 next.js에 SCSS를 어떻게 적용하면 좋을지에 대한 고민이 좀 있었다. 먼저 현재 스타일 파일 구조는 이렇다. 설치 먼저 프로젝트 폴더에 sass 설치! yarn add sass 컴포넌트 폴더의 scss 파일들은 module.scss로 변경해주었다. Selector "body" is not pure 처음에 모든 파일에 module을 붙였다가 만난 에러.. reset.scss 같은 경우는 전체적으로 적용되는 부분이고, module.css 같은 경우는 특정 범위를 지정하는 CSS 모듈이기 때문에 공통적으로 적용되는 CSS 같은 경..

어떤 에러? Uncaught TypeError: ~~. map is not a function API 호출 중에 유독 한 API 만 이런 에러가 발생... 스택오버플로우를 보니 오브젝트는 map 메서드를 갖고 있지 않아서 사용할 수가 없다~ 이런 얘기들이 많았는데, 나는 당연히 배열로 잘 빼왔는데 무슨 말이야?.. 하고 있었던 것이다 ^^.. const getTeamsData = async (companyId) => { try { const response = await axios.get( `~~~API 주소` ); setTeamsData(response.data.teams); } catch (error) { console.log(error); } }; 현재 API 호출 함수에서는 바로 배열을 state..