개발이야기/js6 왜 사진을 옆으로 찍니.. 이번 주제는 웹뷰 개발을 하다가 발생한 사소한 문제 기억하기 위함이다! 문제상황 이미지 업로드를 웹뷰로 개발했는데, 업로드된 이미지가 회전되어 나오는 기이한 현상이 발생했다.. 왜? 답은 구글에서 검색하면 나와 있어서 쉽게 파악할 수 있었다. 이유는 이미지의 메타데이터 때문이었다. 사진에는 컴퓨터가 알면 좋을 다양한 정보를 담고 있다. 단순히 사진을 구성하는 픽셀에 따른 색상 값이 아니라 찍힌 사진을 인간이 이해할 수 있는 정보들을 담고 있다. 예를 들어, 카메라 제조사, 카메라 모델, 촬영날짜, 실제 크기, 렌즈, 조리개, EXIF 등 생각보다 많은 정보들이 있다. 그중에! 이미지가 돌아간 이유는 핸드폰을 이용해서 가로로 사진을 찍어서 그렇다~ 우리가 갤러리를 볼 때는 가로로 찍은 사진도 똑바로 보고 .. 2023. 5. 17. 리액트로 효과적인 모달을 만들어보자 언제까지 모달 라이브러리 쓸 것인가! 서비스 내 10가지 모달을 사용한다면 어떻게 효율적으로 모달을 만들어서 사용하는가 고민하면서 만든 내 모달을 공유하려고 한다! 모달이 뭔데? 모달의 원래 이름은 다이얼로그, 팝업이라고 한다. 흔히 어떤 이벤트에 의해 작은 창이 튀어나오는 것을 모달이라고 하며, 웹 서비스에서 모달이 없는 서비스는 없을 정도이다. 때문에 매번 써야 하는 모달! 이제는 만들어 보자~ 필요 개념들 일단 react와 typescript를 사용해서 만들 것이다. 추가적으로 recoil과 react portal, cssTransition의 개념을 적용해서 더 좋은 모달을 만들어 보자. 간단하게 얘기하면 recoil은 모달의 open 상태와 특별히 처리할 데이터를 관리하게 위해 사용한다. 서비스 .. 2023. 5. 4. 카카오 맵을 통해 스코프를 깨우치다 * 2022년 9월에 작성한 글입니다. sw 헤커톤에서 개발했던 픽깅이를 다시 만들기 위해 코드를 지우고 다시 짜고 있다. 리펙터링을 하기에는 코드 자체가 너무 지저분했고 잔버그가 너무 많았기 때문에 지도 관련 부분을 전부 지우고 다시 개발하고 있다. 기존 네이버 맵에서 카카오맵으로 변경해서 개발했고, 맵 사용이 처음이어서 문서를 열심히 보면서 하나하나 만들어 가고 있었다. 그동안 이런 개발을 할 일이 없었나 떠올리면 지금같은 상황이 벌어지지 않았다. 문제 상황 일단 지도에 마커를 띄우고 마커에 이벤트를 걸어서 커스텀 오버레이를 띄우면 된다. 카카오에서 제공하는 문서를 보면서, 착한 사람이 리액트에서 편하게 쓰라고 만들어준 라이브러리를 이용하면 아주 쉽게 오버레이를 띄울 수 있다. 하지만 마커를 많이 띄.. 2023. 5. 4. 우당탕탕 리액트 네이티브 설정하기 * 2022년 10월 2일 velog에서 쓴 글 웹을 공부하다보면 앱이 끌릴 때가 있다. 그래서 리액트 네이티브를 해보기 위해 환경을 설정하는데 허허 안되는 일이 뭐이리 많은지 너무 화나서 글로 남겨본다. 일단 xcode 꿀밤 하나 mac을 사용하는 사람들은 모두 공감한다고 생각한다. xcode 업데이트를 하기 싫어도, 쓰지 않아도 업데이트를 해줘야하는 상황이 있는데 왜 업데이트가 무한으로 되는지 너무 골치가 아프다. 해결..! 일단 app store 자동 업데이트를 꺼주자. 매일 돌아가고 있는 xcode를 보면 혈압이 오르는 게 아니라 터진다. app store에 들어가서 상단 바에 app store 클릭하면 환경설정이 나오니 자동 업데이트를 꺼주자. 그리고 xcode로 넘어가서 수동으로 다운로드해서 .. 2023. 5. 4. 이전 1 2 다음
