-
React-Native
[React-Native] 안드로이드 시뮬레이터로 실행하기
리액트네이티브의 cli를 가장 먼저 설치해주자. cli는 "명령줄 인터페이스"이다. 기존의 화면에서 보이는 GUI와 달리, 가벼워서 사용된다고 한다. npm install -g react-native-cli 다음으로는 리액트 네이티브를 설치해주자 npm install react-native 그렇다면 환영한다는 문구와 함께, 안드로이드와 윈도우에서 실행하는 방법을 안내해준다. 위에서 나온 내용보다는 블로그에 있는 내용을 따라 실행해보자. ( 블로그 내용이 굉장히 친절하다 ) 지금 하고있는 것은 안드로이드 시뮬레이터를 구동시키기 위한 환경설정이다. (꽤나 오래걸릴 수도 있다.) https://velog.io/@choel0304/TIL-React-Native TIL - React Native (윈도우로 환경설..
-
SEOK-BONG (릴레이 글쓰기)
[SEOK-BONG] 생각보다 빠른 진행상황 (2편)
어제가 처음으로 팀원과 회의한 날이였고, 오늘은 그 다음날이다. 피그마를 보니, 디자인이 거진 완성되어있었다..? 아무래도 기능이 적고, 페이지 수도 적어서 빠르게 해결하신 것 같았다. 퀄리티도 시간대비 절대 떨어지지않게 잘 뽑아내신 것 같다. SEOK-BONG의 무궁무진한 잠재력을 보았다.. 아래는 피그마사이트에서 디자이너님이 디자인하신 화면이다. 나도 기존에 서비스의 기능을 대충 코드로 짜놓았기때문에, 약간의 디자인만 얹혀서 빠르게 코드를 짜보았다. 결론은 하루만에 거의 모든 페이지를 완성할 수 있었다. 물론 분기처리 등 해야할 게 많을 수도 있음. 지금까지 SEOK-BONG의 기능은 아래와 같이 정리할 수 있다. 글쓰기 링크 공유하기 결과물 캡쳐하기 결과물 꾸미기 (폰트, 배경이미지) GA(구글 애..
-
SEOK-BONG (릴레이 글쓰기)
[SEOK-BONG] 처음으로 모르는 사람을 설득해, 프로젝트를 진행하였다. (1편)
원티드챌린지 디스코드 커뮤니티방에 글을 올렸다. "디자이너 구함" 최근들어, 혼자 여러 아이디어들을 기획하고 있었는데 항상 끝까지 결과물로 이어지지않았다. 결과물로 이어지지않으니, 뭔가 남는 게 없는 느낌이라 팀원을 구하기로 결심했다. 그래야 일말의 책임감을 가지고서라도 완성된 결과물을 내리라고 생각했다. 그렇게 나는 디스코드에 디자이너 한명을 구하기로 하였다. 많은 팀원은 필요없었다. 서버는 supabase를 이용할것이고, 프론트는 내가 하면 되었기때문에 디자인부분을 맡아줄 디자이너 한 명이면 족했다. 나의 책임감을 길러주기에도 한 명이면 충분했다. 물론 여러 명일수록 책임감은 더 커졌겠지만. 디스코드에 글을 올린 뒤 총 4분의 연락이 왔었는데, 디스코드를 잘 이용하지않은 탓에 3일 뒤에야 메세지를 확..
-
React
[React] 카카오톡 간편인증 개선편
이전에서 카카오톡 간편인증을 처리하는 로직을 트래픽 부하를 줄이기 위해 개선해보았다. https://haardy.tistory.com/98 [React] 카카오톡 간편인증관련 현재 세금환급서비스를 만들고 있다. 그 중에서 기존에 해보지 않은 로직을 짤 일이 생겨서, 이렇게 기록으로 남겨둔다. 물론 지금의 코드는 추후 개선될 확률이 높다. 먼저 코드를 짜기 전에, haardy.tistory.com 바뀐 점은 다음 한 가지이다. (기존)1분동안 계속해서 API호출을 불러와서 인증을 확인함 => 고객이 인증버튼을 눌렀을 때, 5초간 API호출 위와 같이 바꾼다면, 많은 사용자들이 동시에 인증요청을 하였을 때, 단시간내의 트래픽을 많이 줄일 수 있다고 생각하였다. 아래는 플로우대로 이미지를 캡쳐해보았다. 개선된..
-
프로젝트
테오의 스프린트 14기 후기
테오의 스프린트 14기를 저번달에 진행했는데, 지금에서야 적는다. (아쉽아쉽) TIL이랍시고, 매일 적는 것에 지쳐 한동안 쉬었던 것 같다. 항해99라는 부트캠프를 떠나서, 진행하는 첫 협업프로젝트였다. 3박4일이라는 짧은 기간동안 하나의 서비스를 완성하는 방식이였기에, 퇴근하고 3~4시간을 투자해야 했고 생각보다 힘들었다. 첫째날 첫날에는 자기소개와 여러가지 템플릿을 사용해서, 아이스 브레이킹을 진행했다. 우리 조는 다들 내향적이라서, 진정으로 아이스 브레이킹이 되지는 않았던 것 같다. 이제와서 돌아보면, 좀 더 스몰톡이나 친해졌다면하는 아쉬움이 조금 남아있다. 둘째날 둘째날에는 우리가 정한 아이디어에 대해서 좀 더 구체적인 계획 및 방향을 세워봤다. 여러가지 정해진 커뮤니케이션방식을 사용해서, 좀 더..
-
React
[React] 카카오톡 간편인증관련
현재 세금환급서비스를 만들고 있다. 그 중에서 기존에 해보지 않은 로직을 짤 일이 생겨서, 이렇게 기록으로 남겨둔다. 물론 지금의 코드는 추후 개선될 확률이 높다. 먼저 코드를 짜기 전에, 아래와 같은 플로우차트를 작성하였다. 기존의 백엔드와 데이터를 주고받는 방식이 조금 달랐기에, 재미는 있었다. Response의 데이터 값이 유동적이다. 간편인증 정보를 입력한 뒤 보낸 요청으로 스크래핑 업체에서는 총 3개의 API를 거친다. 근데, 간편인증 정보의 조건에 따라서 2개를 거칠수도 있고, 1개를 거칠수도 있다. 그럼 어떤 문제가 생길까? Response로 오는 데이터값이 객체인데, 그 중 키값이 2개일수도, 1개일수도 또는 3개일수도 있다. 참으로 난잡하다. 키값이 계속해서 달라지는 것을 대비해서, 데이..
