개요 회사에서 하이브리드 어플리케이션을 개발하기 위해 웹뷰를 통해 포팅을 하고 있는데 기껏 개발해서 구축해놓은 웹사이트를 웹뷰에서 보니까 이런 에러가 나옵니다. 인증서 날짜가 유효하지 않다는데 도무지 원인을 모르겠어서 해당 이슈를 어떻게 해결할까 하다가 Webview에서 SSL 관련 처리를 변경하는 방식으로 해결했습니다. 해결 방법 node_modu...
[React Native] 물리적 Back 버튼으로 Webview 네비게이션 제어하기
개요 하이브리드 어플리케이션을 제작할 때 실제 앱 기능은 웹으로 만들고 앱은 웹뷰를 띄워주는 용도로만 사용하는 형태로 개발을 진행합니다. 그런데 안드로이드의 경우 물리적인 뒤로가기 버튼이 존재하는데 이를 그냥 방치할 경우 물리적 Back 버튼을 눌렀을 때 웹뷰가 뒤로 가지는게 아닌, 앱이 꺼져버리는 현상이 나타나게 됩니다. 실제로 인앱의 네비게이션을 ...
[React Native] Android 빌드
Keystore 생성 cd android/app keytool -genkey -v -keystore custom-key-name.keystore -alias custom-alias-name -keyalg RSA -keysize 2048 -validity 10000 React Native 프로젝트 폴더 안에 있는 android/app 폴더로 이동한 다...
새로운 Javascript 생태계, Deno에 대해 핥아보자
이 문서는 Deno 전문가의 의견을 담은 게시물이 아닙니다. 필자는 Deno를 사용해 본 적도 없고 전문적인 지식을 가지지도 않았기에 “아 그냥 이런게 있나보다” 정도의 정보만을 제공합니다. 데노? 디노? 2018년 처음 소개 될 당시에는 ‘데노’ 라고 발음 되었지만, 심볼의 공룡과 어감으로 인해 ‘디노’라고 불리게 된 Javasc...
SPA에서 Cookie를 사용할 때의 주의점
본 문서는 서론이 좀 깁니다. 만약 Cookie에 대해서 잘 알고 계신다면 여기를 눌러서 본론으로 바로 넘어가주세요! 웹에서 데이터 유지하기 웹에서 사용되는 데이터들은 연결이 끊어지면 모두 날아가는 휘발성 데이터가 대부분이기에, 다음 접속 시에도 정보를 유지하기 위한 몇 가지 수단이 있습니다. 대표적으로 Cookie, Session, Loca...
광택용 천을 샀습니다
이게 뭔데 2021년 말쯤에 선보인 애플의 야심작(?), 광택용 천입니다. 좋은 의미이건 안좋은 의미이건 여러모로 많은 사람들의 입에서 회자된 제품이기도 하죠. 그도 그럴 것이, 고작 해봐야 유리닦개를 25,000원이라는 다소 비싼 가격에 출시함과 더불어 홈페이지에서 해당 제품을 홍보할 때 ‘애플의 모든 제품군과 호환이 가능하다.’ 라는 식으로 상...
HTML을 Jade(PUG)로 바꿔주는 사이트
서비스 html2pug 개요 저는 Vue로 작업을 할 때 HTML작업은 pug를 사용하여 작업을 합니다. 처음부터 제가 개발을 했던 프로젝트라면 pug로 개발을 시작했겠지만, 기존에 개발되던 프로젝트를 인수받아 작업하는 것이라면 얘기가 좀 달라집니다. 기존에 작성 되어 있던 템플릿을 HTML에서 pug로 변환하는 작업이 필요해지는데, 이를...
[Svelte] 스벨트에서 사용하는 Computed
Vuejs의 Computed Computed는 Vue.js에서 사용되는 컴포넌트의 Property입니다. export default { computed: { sum() { // 3 const { a, b } = this; return a + b; }, }, data() { return { ...