Jan 24메타버스 개발하기프론트엔드 개발자의 3개월간의 로블록스 개발 경험 이것저것 배우는 것을 좋아하는 타입이라 새로운 분야를 경험하고 싶다는 생각이 있습니다. 대표적으로 AI/블록체인/메타버스 3가지를 찾을 수 있었는데 “메타버스 새로운 기회”라는 책에서 메타버스 업계의 성장 가능성을 보고 메타버스로 결정했습니다. 그 당시 뉴스에 로 …Roblox7 min readRoblox7 min read
Sep 12, 2022딥링크 정리웹에서 앱으로 이동할 때 사용하는 딥링크를 정리했습니다. 1. 딥링크란? URL의 한 종류로 웹에서 앱, 앱의 특정한 콘텐츠로 안내해주는 역할을 하는 링크입니다. 다음과 같은 로직을 구현할 수 있습니다. 2.딥링크 종류 2.1. Scheme scheme:// 같이 시작하는 링크 입니다. 안드로이드, iOS 개발자가 해당 scheme으로 앱에 접근할 …Deep Link6 min readDeep Link6 min read
Jun 2, 2022App Center iOS 계정 재인증 트러블슈팅1. 인증에러 발생 어느 날 앱 스토어에 앱을 배포하려고 하니 계정 재인증을 하라고 한다. Apple 정책상 1개월에 한 번 재인증을 해야 한다고 한다. 기존 입력된 계정의 아이디와 비밀번호를 찾아서 입력하려고 했더니 입력을 안 되도록 막아놨다… (불편한 UX, 에러 메시지만 띄우기보다는 어떻게 해야 할지 알려주는 게 좋지 않을까.) 어떡해야 할지 몰라서 고객센터에 메시지를 보냈더니 등록된 계정을 제거하고 다시 등록하라고 한다 …Appcenter3 min readAppcenter3 min read
Mar 30, 2022React Native, IOS xcodebuild 빌드에러 회고3일 간의 버그 트레킹 과정 과정 App Center를 사용하여 Xcode 11.5에서 빌드 했더니 다음과 같은 에러가 발생하였다. [!] CocoaPods could not find compatible versions for pod "ChannelIOSDK": In snapshot (Podfile.lock): Channe …React Native11 min readReact Native11 min read
Jun 9, 2021Monorepo와 Lerna란 무엇인가?공통 컴포넌트 패키지를 만드는 과정에서 알아본 개념 여러 FE 프로젝트가 진행됐고 중복되는 컴포넌트가 생겼다. 예를 들어 제품 A, B 에서 컴포넌트 C가 쓰이고 C에 어떤 기능 추가 혹은 버그가 발생한다면 A, B에 가서 C를 수정해야 한다. On-premise 제품이라면 버전 A, B, … 가 있으면 각각의 버전 …Lerna6 min readLerna6 min read
Jun 8, 2021useMemo, useCallback을 언제 써야되나?Kent C. Dodds의 블로그 글을 읽고 검증해봤다. When to useMemo and useCallback Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit. Let's talk about the costs and…kentcdodds.com Kent C. Dodds의 블로그를 보다가 흥미로운 글을 발견했다. React에서 언제 useMemo와 useCallback을 쓰는 게 좋은지에 대한 글이다. 이 두 개의 함수는 보통 성능 최적화를 위해 사용한다. 콜백함수의 반환 값을 저장해놨다가 배열 “[ …React9 min readReact9 min read
Jun 2, 2021Map과 object 둘 중 어느게 더 빠를까?오픈소스 기여 과정에서 알아본 Map과 object의 성능비교 개요 이 글을 보고 Map이 object보다 원소를 추가, 찾기에 더 빠르다는 것을 알게 됐다. 또한, 이 소스 코드를 사용한 검증 과정에서 Map을 쓰더라도 forEach로 iterate를 수행하면 object와 비슷한 속도를 낸다는 것을 깨달았다. for …Java Script5 min readJava Script5 min read
Jun 1, 2021내 웹페이지 성능을 어떻게 올릴까? — 예제예제로 성능을 최적화해보자. 개요 전 글에서 기초를 알았으니 이번편에는 이 예제를 성능 최적화해 100 점짜리 예제를 만든다. 완성본의 링크는 여기이다. 목차 media=”print” 추가하기 Script 파일을 body 아래로 옮기기 Minify Layout shift 해결하기 Font Inline HTML 파일을 Ctrl+Shi …Java Script11 min readJava Script11 min read
May 27, 2021내 웹 페이지 성능을 어떻게 올릴까?— 기초개요 여러 페이지를 들어가다 보면 어떤 사이트는 느리고 어떤 사이트는 빠른 경우를 체감하게 된다. 나의 경우 그 비교 대상은 쿠팡과 무신사이다. 실제 물건을 하나 클릭한 후 Lighthouse로 측정을 해보면 performance 점수가 각각 56, 24점이 나온다.Java Script10 min readJava Script10 min read
Apr 20, 202150.65.toFixed(1) = 50.6(???)toFixed를 사용하다가 예상치 못한 결과를 맞닥뜨렸다. console.log(100.15.toFixed(1)) // 100.2 (OK, 반올림 발생) console.log(123.45.toFixed(1)) // 123.5 (OK, 반올림 발생) console.log(50.65.toFixed(1)) // 50.6 …Java Script6 min readJava Script6 min read
