React Navigation React Native(이하 RN)에서 네비게이션을 구현하는데 사용되는 많은 라이브러리들이 존재한다. 그 중 대표적인 것이 React Navigation이다. 난 이것을 사용해 지난 포스팅에 생성한 RN 프로젝트에 적용할 것이다. [React Native] React Native 설치 (feat. expo) 개요 핸드폰으로 사용하는 어플리케이션은 개발적인 측면에서 3가지로 나눌 수 있다. Native App, hybrid App, Web App이 그것이다. 성능적인 측면에서는 Native App을 따라올 것이 없다. 하지만 각 OS에 맞 bgradecoding.tistory.com React Navigation은 무려 공식 문서도 제공한다. React Navigation |..

개요 핸드폰으로 사용하는 어플리케이션은 개발적인 측면에서 3가지로 나눌 수 있다. Native App, hybrid App, Web App이 그것이다. 성능적인 측면에서는 Native App을 따라올 것이 없다. 하지만 각 OS에 맞는 언어를 배워야한다. 특히나 IOS는 집에 사과농장을 차리지 않아 익숙하지 않은 개발자라면 더더욱 고난이도의 앱 개발이 될 것이다. 그래서 나온 것이 hybrid App이다. 한가지 방법으로 두가지 OS를 모두 개발할 수 있는 플랫폼으로 개발한 앱을 말한다. 그 중 오늘 다뤄 볼 아이는 React Native(이하 RN)이다. 문법이 React와 매우 흡사하고 자바스크립트나 타입스크립트를 어느정도 아는 사람이라면 러닝커브가 그렇게 높지 않다. Expo RN을 말한다면서 갑자..

개요 Node js는 프론트에서 끄적이던 자바스크립트를 서버단으로 가져와 훌륭한 백엔드를 구성할 수 있도록 도와준 고마운 아이였다. 하지만 인간은 그것으로 끝나지 않고 끊임없이 Node js의 불편한 점들을 개선할 프레임워크들을 만들어 왔다. 그래서 Node js 계열에도 몇가지 웹 프레임워크가 생겨났다. 그 중 대가리를 뽑으라면 역시 Express 일 것이다. 하지만 Express도 프레임워크단에서 지원해 주는 기능이 매우 협소했다. 편리함을 추구하는 닝겐들에겐 그 next를 원하게 했다. 그래서 등장한 아이가 Nest JS 이다. NestJS는 NodeJS 프레임워크인 Express나 Fastify 위에 올라타 해당 프레임워크의 기능도 쓸 수 있으면서 나름의 체계를 가지고 독자적인 프레임워크 규칙들을..

개요 지난번 포스팅 때 간단한 GA 설치법을 알아보았다. ① 구글 애널리틱스 기초 및 설치(feat. 개발자를 위한 GA) 1. 구글 애널리틱스(이하 GA)란? 요즘 GA는 여러곳에서 많이 들어봤을 것이다. 구글이 2005년 3월 웹분석 전문 업체인 어친 소프트웨어(Urchin Software)를 인수한 후 그해 11월 구글 애널리틱스 서비스를 bgradecoding.tistory.com 하지만 이것만으로는 사용자가 어느 페이지에 들어왔는지 정도만 알 수 있지 GA를 온전히 다 사용할 수 없다. 하나의 예시로 사용자가 특정 버튼을 얼마나 많이 클릭했는지만 알려고 해도 추가 코딩이 필요하다. 그래서 이번 포스팅에서는 GA 기본 설치 이후 추가적인 분석을 위해 필요한 개발 작업에서 꼭 알아둬야할 사항들을 준..

개요 별점을 주는 기능은 매우 흔하게 쓰이는 컴포넌트지만 구현하기는 꽤 까다로운 기능이다. 마우스를 별에 가져가면 별점이 자동으로 올라가게 만들거나, 클릭을 통해 별점을 지정하는 등 다양하게 만들 수 있다. React에는 react-star-rating-component react-star-rating-component React component for star (or any other icon based) ratings www.npmjs.com 위와 같은 라이브러리가 있다. 하지만 Typescript를 지원하지 않아서 React + Typescript 프로젝트를 진행하거나 간단한 구현을 원한다면 이 포스팅을 참고 하시길 바란다. Html 요소 별점을 나타내는 html 요소에는 많은 방법이 있다. 실제..

1. 구글 애널리틱스(이하 GA)란? 요즘 GA는 여러곳에서 많이 들어봤을 것이다. 구글이 2005년 3월 웹분석 전문 업체인 어친 소프트웨어(Urchin Software)를 인수한 후 그해 11월 구글 애널리틱스 서비스를 출시한 후로 꾸준한 성장세를 보였고, 이제 이 서비스가 설치되어 있지 않은 사이트나 앱을 찾기 어려울 정도이다. GA는 한마디로 정의하면 로그 분석 도구이다. 웹이나 앱에 방문한 사용자들이 어디를 클릭하고 어디를 보고 있는지에 대한 분석으로 운영자들에게 비즈니스를 더 성장할 수 있는 인사이트를 주는 것이다. 2. 구글 애널리틱스(GA)가 각광받는 이유 과거에는 모든 비즈니스가 오프라인에서 일어났다. 그래서 비즈니스 운영자들은 매장을 잘 꾸며야했다. 또 매장에 잘 방문하게끔 하는게 매우..