-
[React-Native] WebView 를 통해 카카오 지도 API 불러오기 💌
개요 🔮 React-Native 앱에서 카카오 지도 API 를 불러오려 한다. 하지만, 카카오 개발자문서에는 React-Native 전용 문서를 제공하지 않는다 👽 Android -> java, Kotlin ios -> Swift 그래서 이번 프로젝트에서는 웹 문서를 참고하여 서버를 띄우고, 이를 React-Native-Webview 라이브러리를 통해 불러오려고한다. React 🌐 npx create-react-app [프로젝트명] 해당 명령어로 react 앱을 생성해 준다. 공식 문서를 참조하여 순서대로 API 를 사용하기 위한 키를 발급받는다 🔑 https://ap...
-
[React-Native] Expo 프로젝트에 Next.js 설치하기 (Feat. Bare WorkFlow)
개요 최소 구현 모델인 MVP 로 우리는 OpenSea 를 오마주한 마켓플레이스를 구현하고자 한다. 기획했던 팀 프로젝트에 사용되는 스택으로 React-Native 가 채택되어 사용해야하는 상황이었다. 하지만, 현재 구성된 팀원으로는 프론트1 백엔드1 컨트랙트1 기획 & 디자인1 이었고, 결과물로 제출할만한 시간이 충분하지 않은 시간이었다. 회의를 통해 이번 프로젝트는 하이브리드 앱으로 구현하기로 결정했고, 앱과 웹을 동시에 띄우는 작업을 해야만 했다. 마침 사용하려던 Expo Docs 를 살펴보니, 웹 용 Next.js 를 지원하는 템플릿이 존재하여 이를 테스트 해 보려고 한다. 세팅 및 ...
-
[React] 서버사이드렌더링 이란 ? (SSR & CSR)
개요 리액트를 공부하던 중 Next.js 에 대해 알고만 있었지, 직접 사용해 볼 엄두가 나지 않던 찰나 같은 수강생들과 팀플을 진행하게 됬는데 이 때 새로운 프레임워크로 Next.js 를 사용해 보자 ! 라고 결정을 하게 되었다. Next.js 의 강력한 장점으로 SSR 과 SEO 가 있는데, 해당 포스팅으로 두 장점에 대한 내용을 정리하고자 한다. SSR ? 서버사이드렌더링은 Next.js 를 사용하는 가장 큰 이유라고 생각하는 중요한 기능이라고 생각된다. SSR 은 서버에서 페이지를 그려 클라이언트(브라우저) 로 보내 화면에 출력하는 렌더링 기법이다. CSR 과 차이 ? SSR 과 CSR ...