React Native 프로젝트를 시작하려면 환경 설정부터 구성한 후 프로젝트를 만들어야 합니다. 방식에는 대표적으로 Expo CLI 방식, React Native CLI 방식 두 가지가 있으며 구성 후 프로젝트 생성까지의 과정을 정리해보도록 하겠습니다. Expo CLI / React Native CLI 두 도구 모두 React Native 프로젝트를 생성하고 테스트 장치 및 시뮬레이터에서 React Native 앱을 실행하며 React Native 앱을 빌드하여 앱 스토어에 제공할 수 있도록 돕는 도구입니다. 두 도구의 차이점을 알아보자면, [Expo CLI] 1. 기본적으로 써드 파티 서비스를 사용함으로서 비용이 무료. (예 : 앱 생성) 2. Expo를 사용 시 CLI와 관리되는 앱 개발 워크 플로..

배포 서버에 배포 후 ip 주소를 입력하여 접근할 때 기본적으로 마지막에 포트 번호가 붙습니다. 이것을 명시하지 않고 접근할 수 있도록 포트 포워딩을 해줍니다. 포트 포워딩 적용 sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport {포워딩 시킬 포트 번호 : 보통 80} -j REDIRECT --to-port {현재 실행 포트 : 보통 8080} 리눅스 혹은 우분투 터미널에서 해당 명령어를 입력하여 현재 실행 포트를 리다이렉트 시켜 포워딩 시킬 포트에 매핑 시키도록 합니다. 적용이 되었으면 이제 url 주소창에 맨 뒤의 포트 번호를 제외하고 접속하면 정상적으로 접근되는 것을 확인할 수 있습니다. 포트 포워딩 해제 sudo iptables -t nat -..

[Reason] view 단을 만들고 이미지를 수정하는 부분을 만들어 업로드한 이미지들이 back 단으로 넘어가면 수정되는 코드를 작성하였다. 업로드하는 input 태그의 속성은 multiple 로서, 다중 이미지 파일이 업로드 될 수 있다. 코드 작성완료 후 기능 수행을 진행했을 때 여러 개의 이미지를 넣었을 때 정상적으로 반영되는 것을 확인할 수 있었다. 그런데, 유저 테스트를 진행하는 도중에 이미지가 정상적으로 반영이 되지 않는다는 문의를 받게 되었다. 한 번 버튼을 눌러 새로운 이미지를 추가하고 다시 반복적으로 한 번 더 버튼을 눌러 새로운 이미지를 눌러 추가하였더니 2개의 이미지가 반영되지 않고 1개의 이미지만이 반영되어 들어갔다는 이슈였다. 즉, 최신 업로드 이미지로 덮어씌워져 반영되는 이슈이..

MySQL을 사용하여 데이터를 input 할 때 datetime이나 현재 데이터를 넣은 시간을 기록으로 DB 상에 남겨 놓을 때 현재 아시아 표준 시간이 아닌 외국 표준 시간으로 반영되어 들어가는 경우가 존재합니다. 이를 아시아 표준 시간으로 적용 시켜야 이후 프로젝트를 운용할 때 이슈가 발생하지 않을 것입니다. 오늘은 간단하게 아시아 표준 시간으로 적용 시키는 방법을 정리해보겠습니다. (1) DB 상에서 현 Time Zone 확인 우선 MySQL 워크벤치에서 현재 server time zone이 어떻게 설정되어있는지 확인해줍니다. 방법은 대표적으로 두 가지가 있습니다. 첫 번째는, Server 탭의 Status and System Variables 항목을 선택하고 System Variable 메뉴에 T..

회사에서 개발을 하던 도중 인스타그램을 연동하여 게시글을 크롤링해야하는 작업이 필요하게 되어 구현하는 과정을 정리해보도록 하겠습니다. 인스타그램 연동 API 인스타그램 API는 인스타그램의 데이터를 다른 애플리케이션 또는 웹사이트에서 사용할 수 있도록 하는 인터페이스입니다. 인스타그램 API를 사용하면 인스타그램 계정의 게시물, 프로필, 해시태그 등의 정보를 가져와 다른 곳에서 사용할 수 있습니다. 개발자들은 인스타그램 데이터를 이용해 다양한 애플리케이션을 개발할 수 있습니다. 인스타그램 API를 이용해 게시물을 가져와 웹사이트나 모바일 애플리케이션에서 인스타그램과 같은 UI를 제공할 수 있습니다. 인스타그램 연동 과정 (1) Facebook 개발자 계정 가입 https://developers.faceb..

회사에서 기존에 만들었던 구글 맵 지도 데이터에서 초기 기본 위치 정보를 변경해야하는 일이 생겼습니다. 오늘은 이 디폴트 위치 정보를 변경하는 방법에 대해서 정리해보고자 합니다. # 특정 주소를 예시로 적용해보겠습니다. 우선 위치를 변경할 주소를 검색해줍니다. 특정 건물을 명시하면 더욱 좋습니다. 검색해서 나온 위치의 오른쪽 이미지 아래에 있는 주소 정보를 복사해줍니다. https://www.google.co.kr/maps Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.co.kr 그리고 구글 맵스에 접속하여 왼쪽 주소 입력 칸에 복사한 주소 정보를 붙여넣어줍니다. 위치가 지정..