본문 바로가기

Coding345

React Native Child에서 Parent State 변경하는 방법 리액트 네이티브로 어플을 만들고 있는데 검색기능을 구현해야했다.기존에 타임라인 형식으로 글을 보여주는 게시판이 하나 있었는데검색기능도 필요할 것 같아서 구현하던 중 막히는 부분이 생겼다.현재 나는 Board Component에서 게시글을 보여주는 형태인데,특정 버튼을 클릭하면 Search Component가 Modal형태로 올라온다.(게시글에 관련된 정보는 모두 Board Component의 State에 박혀있다)따라서 Board가 Parent이고 Search가 Child Component이다.Search에서 API요청을 하고 받아온 값을 Parent인 Board의 State로 업데이트 해줘야 하는데리액트에서의 State는 부모에서 자식으로 흐르기 때문에 어떻게 해줘야 할지 난감했다.그러다 방법을 찾았는.. 2018. 2. 26.
HTTPS를 위한 SSL인증서 구입하는 방법 요즘 리액트 네이티브로 어플을 개발하고 있다.2월말, 3월초쯤에 앱스토어에 등록을 목표로 하고 있다.그래서 등록 전 앱스토어 정책을 살펴보고 있었는데 모든 통신은 HTTPS로 이루어져야 한다고 나와있었다.내 어플은 많은 부분에서 API서버와 통신을 하며 데이터를 받아오고 랜더링해주고 있는데HTTPS를 적용하지 않은 상태였다.따라서 이를 해결해줘야 하는데 기존에 한번도 SSL인증서를 달아본적이 없었다.추후에도 이같은 상황이 발생할 것이라 생각되서 직접 SSL인증서를 구입하고 적용하는 방법을 포스팅한다.찾아보니 Lets encrypt같은 무료 서비스도 있지만 가격이 비싼게 아니라서 난 직접 구입을 하겠다.아래의 주소로 들어간다. https://cheapsslsecurity.com/ 나는 가장 저렴한 맨왼쪽껄.. 2018. 2. 20.
장고(Django) Apache랑 연동하는 방법 기존에 학식봇을 포함하여 최근 어플을 제작하고 있는데 뒷단을 장고로 사용하고 있다.Django Rest framework를 사용하면 크게 사용자가 건드릴 필요 없이 API서버를 구축할 수 있다.정말 편한 라이브러리라서 앞으로의 API서버 구축은 모두 장고로 할 것 같다.튼, 여러모로 장고를 많이 사용하고 있었는데 SSL를 적용해야해서 관련 문서를 찾고 있었다.그런데 대부분의 예제들이 모두 장고를 아파치나 Nginx와 연동하여 적용시키고 있었다.왜 그랬는지 몰랐는데 특정 블로그에서 그 이유를 찾았다.나는 대부분 runserver + nohup으로 백그라운드에서 서버가 돌도록 구동시키고 있었다.그런데 runserver는 개발시에만 사용하고 실 서비스할때에는 아파치등의 서버에 올려서작동시키라고 장고팀에서도 권.. 2018. 2. 19.
우분투(Ubuntu) fail2ban 설치하는 방법 기존에는 서버로 아마존 AWS, GCP, 네이버 NCloud 서비스를 이용했었다.그러다가 개인 홈서버가 하나쯤은 있어야 될 것 같다는 생각이 들었고일주일전에 다나와에서 조립형PC를 구매했다.그리고 집 구석에다가 설치를 완료했다.별 생각없이 서버를 굴리다가 아무래도 개인서버이다 보니 보안에 신경을 써야할 것 같다는 생각이 들었다.보통 나는 SSH로 서버에 붙어서 작업을 한다. 그래서 찾아보니 fail2ban이라는 것이 존재했다.특정 횟수 이상으로 로그인을 실패하면 차단시키는 서비스인데 괜찮아보였다.먼저 현재 방화벽이 어떻게 되어있는지 확인해본다. sudo iptables -L 을 입력하면 된다.아마 위와 같이 나올것이다.다음으로 fail2ban을 설치한다. sudo apt-get install fail2b.. 2018. 2. 18.
우분투(Ubuntu) FTP서버 설치하는 방법(vsftpd) 기존에는 간단한 파일을 옮길 때 닷홈 무료호스팅 서비스를 이용했다.뭐 크게 문제가 생기는 부분은 없었는데 이번에 새로 홈서버를 구입하면서용량제한이 없는 홈서버에 FTP를 설치해서 사용하기로 결정했다.FTP서비스는 많은 종류가 있지만 그 중 vsftpd를 선택했다.(vs는 Very Secure의 약자라고 함) 먼저 설치를 해야한다.sudo apt-get install vsftpd명령어를 입력하여 설치한다. 설치를 완료했으면 이제 환경설정을 해줘야 한다. sudo vi /etc/vsftpd.conf 명령어를 입력하여 편집기로 오픈한다.그리고 익명 사용자의 접근을 차단하기 위해 25번 라인에 있는anonymous_enable을 NO로 바꿔준다. 다음으로 파일 쓰기를 허용하기 위해 31번 라인에 있는write_.. 2018. 2. 18.
React Native Object 배열(Array)로 바꾸는 방법 react native object to array / react native object index리액트 네이티브를 사용하여 앱을 제작하고 있다.먼저 내가 받아오는 자료의 형식은 아래와 같다. Array [Object { "mon":"abcdefg"},Object { "mon":"bcdefgh"}, Object { "mon":"cdefghi"},Object { "mon":"dddddd"},Object { "mon": "aaaaaaa"}] 튼 이런식으로 배열(Array)안에 오브젝트(Object)들이 여러개 들어있다.오브젝트는 무조건 하나의 키밸류 쌍만 오도록 정해놨으므로 정해진 틀을 벗어나는 경우는 존재하지 않는다.(위 배열을 menu 라고 부른다고 가정하자)위와 같은 경우 menu의 첫번째 값을 불러.. 2018. 2. 16.

티스토리툴바