profile
개발 공부 :D

react-native-webview[Domain: undefined Error code -1"]

Android 버전이 tagetSdkVersion 28 이상일 경우 부터는 WebView에 일반적인 텍스트로 http:// URL 접근이 막혔다. AndroidManifest.xml 에서 application 의 usesClearTextTraffic 속성을 t

약 19시간 전
·
0개의 댓글

react-native-webview에서 외부 앱 실행 (pg)

react-native-webview를 이용하여 모바일 web으로 이동한 후 앱 카드 결제 시 앱 카드 앱 호출이 되지 않는 이슈가 발생하였다. 구글링을 통해 마침내 외부 앱을 실행했다.. 정확한 원리와 이해를 완벽히 한 건 아니지만 내가 시도했던 것들을 아래에 정리해

7일 전
·
0개의 댓글
post-thumbnail

react-native-codepush 배포하기

코드푸시 셋팅하기 1 (https://medium.com/@gale.lee/react-native-code-push-1-167168b4af3f)) 코드푸시 셋팅하기 2(https://medium.com/@gale.lee/react-native-code-push-3-2

2020년 9월 20일
·
0개의 댓글
post-thumbnail

react-native의 간단한 기본 원리 및 개발 환경

리액트 네이티브는 페이스북에서 만든 오픈소스 모바일 응용 프로그램으로 네이티브 앱 개발을 위한 자바스크립트 프레임워크이다.크로스 플랫폼으로 하나의 코드 개발로 ios와 android에서 동일하게 동작시킬 수 있다.자바스크립트를 기본 언어로 쓰기 때문에 자바나 코틀린 언

2020년 9월 13일
·
0개의 댓글

[react-native] Context와 AsyncStorage (todo list app)

todo-list-app (github)(https://github.com/raeyoung-kim/TodoList-app)) props, state 이외에 전역에서 데이터를 관리하는 Context API와 앱을 종료하고 다시 실행해도 데이터가 유지되도록 AsyncS

2020년 8월 27일
·
0개의 댓글

ERROR: npx react-native run-android

react-native cli로 세팅을 하고 ios 시뮬레이터에서는 정상작동하던 프로젝트가 android에서는 아래와 같은 오류를 내면서 에뮬레이터가 정상작동하지 않는 상황이 발생했다. 안드로이드 스튜디오 환경설정이 잘못됐나 싶어 확인해보았지만 발생한 에러와 관계가

2020년 7월 31일
·
1개의 댓글

다른 도메인간 쿠키 전송하기(cors -credentials) (react & node.js)

프론트엔드와 백엔드의 도메인 주소가 다른 경우 cors 문제가 생기는데 로컬에서 이를 해결하기 위해 프론트 쪽에서 proxy 설정을 해두어 cors 문제를 해결했었다.하지만 netlify에 배포한 뒤에는 cors 에러가 아닌 계속 404에러가 나타났다. 다시 로컬로

2020년 7월 5일
·
0개의 댓글
post-thumbnail

mySQL

관계형 데이터 베이스이다. // ... 설명 mysql 설치 teminal 아래 폴더로 이동한다. 루트 유저로 사용하겠다는 명령어를 입력한 후 패스워드를 입력한다. 데이터를 생성한다. SHOW DATABASES; 로 데이터베이스가 생성 되었는지 확인할 수 있다.

2020년 6월 23일
·
0개의 댓글
post-thumbnail

redux 사용하기 (Redux Persist)

react만 사용해도 애플리케이션을 개발할 수 있다. 하지만, 규모가 커지고 구조가 복잡해질수록 컴포넌트의 상태(state) prop으로 넘겨주고 관리하는 일이 귀찮아진다. 리액트로 상태를 관리하면 부모 자식 관계처럼 위에서 아래로 또는 아래에서 위로 상태(stat

2020년 6월 19일
·
0개의 댓글

HOC(Higher Oder Component) Auth 인증체크

페이지 중 누구나 진입이 가능한 페이지와, 로그인한 회원만 진입이 가능한 페이지 또는 로그인 한 회원은 진입하지 못하는 페이지 (예: login 페이지) , 관리자만 진입이 가능한 페이지가 있다.이러한 인증 들은 어떻게 할 수 있을까? 이런 경우 higher-orde

2020년 6월 18일
·
0개의 댓글
post-thumbnail

[http] CORS (Cross Origin Resource Sharing)

SOP (Same Origin Policy) 웹 어플리케이션 중요한 보안 개념중 하나가 동일출처 정책이다. 동일 출처란 같은 도메인, 프로토콜, 포트를 의미 한다. 같은 도메인, 같은 포트에 있는 리소스를 불러올 때는 문제가 없지만 다른 출처의 리소스를 요청하는 것을

2020년 6월 11일
·
0개의 댓글

https와 SSL인증 (다른 컴퓨터에서 로그인이 되지 않을 때)& Page Not Found on Netlify with React Router

react로 소셜 로그인을 구현했는데 배포를 하고 나서 내 컴퓨터가 아닌 다른 컴퓨터 또는 핸드폰으로는 로그인 후 다음 화면으로 넘어가지 않는다. 내 컴퓨터로만 작업을 하다 보니 그런 문제가 있는지도 몰랐었다. 아마도 내 컴퓨터에서만 다음 화면으로 넘어갈 수 있으니 i

2020년 5월 6일
·
0개의 댓글

프론트엔드(netlify) 백엔드(AWS Elastic Beanstalk) 배포

처음으로 풀스택으로 프로젝트를 시작했다. 혼자 해결해 나가야 하는 부분에서 생각보다 시간이 오래 걸렸다. 아직도 미흡한 점이 많지만 일단 배포를 먼저 해보기로 결정했다. 고치고 싶은 부분이라면 끝도 없이 많기에 .. 프론트엔드는 react와 redux를 사용해서 작업했

2020년 4월 29일
·
0개의 댓글
post-thumbnail

mongoose

Mongoose는 Node.js와 MongoDB를 연결해 주는 역할을 한다.Node.js에서 MongoDB를 사용할 수 있게 해주는 라이브러리이다.노드 패키지 매니저 npm 또는 yarn을 사용해서 설치할 수 있다.mongoose 모듈을 require 하고 connec

2020년 3월 5일
·
0개의 댓글

shallow copy vs deep copy

String, Boolean, Number같은 원시형 값을 복사했을 경우 순수한 값이 복사되고 독립적인 값이 저장된다. 하지만 Reference형 객체 복사에는 크게 얕은 복제(shallow copy)와 깊은복제(deep copy)로 분류 된다. shallow copy

2020년 2월 29일
·
0개의 댓글

React LifeCycle API 생명주기

LifeCycle API 생명주기 출처-LifeCycle >## Mounting component가 브라우저에 나타날 때 constrctor : component가 만들어지는 과정에서 가장 먼저 실행되는 함수로 초기 state를 설정한다. getDerivedStat

2020년 2월 27일
·
0개의 댓글

[JS] 반복문 Promise / async & await 활용

배열은 순차적으로 비동기 처리를 하려고 할 때, promise 사용법을 블로깅 하려고 한다. 반복문이 있을 경우 promise를 사용하기 어려웠다. 예를 들어, i를 순차적으로 콘솔에 찍은후 then을 실행하여 ''Done''를 찍으려고 작성했던 코드이다. 하지만 아래와 같이 실행된다. image.png 위와 같이 실행되는 이유는 처음 i를 찍은 후 ...

2020년 1월 27일
·
0개의 댓글

[JS Sorting Algorithms] Bubble Sort / insertion Sort / Merge Sort / Quick Sort

섞여있는 데이터들을 어떤 기준에 맞춰 정렬하는 여러종류의 정렬 알고리즘이 있다. 기본적으로 자바스크립트에는 데이터를 정렬해주는 sort()라는 메소드가 존재한다. 하지만 정렬 알고리즘을 공부하는 이유는 데이터의 양이나 상황에 따라 적합하지 않을 수도 있기 때문에 여러

2020년 1월 26일
·
0개의 댓글

[JS] Promise

Asynchronus > 자바스크립트는 비동기 처리를 위해 콜백 함수를 사용한다. 콜백 함수는 순차적인 처리가 많을 경우 가독성이 나쁘다. 또, 비동기 처리를 한꺼번에 처리하는 것도 한계가 있으며 에러 예외 처리에 대한 곤란한 부분이 있다. >> ## Promise? promise는 자바스크립트 비동기 처리에 사용되는 비동기 흐름을 제어해 주는 객체이다....

2020년 1월 25일
·
0개의 댓글

[JS] design-patterns

디자인 패턴이란? 프로그램을 개발하는 과정에서 발생하는 다양한 문제점들을 해결하기 위해 많은 개발자들이 빈번하게 발생하는 문제들을 상황에 따라 적용해서 쓸 수 있는 패턴 형태로 만든 증명된 기술들이다. 어떠한 상황에서 정확한 해결책을 제시해 주는 것은 아니지만 일종의 방향성(솔루션)을 제시해준다. 1. Modules 모듈 패턴 모듈(module)은 일...

2020년 1월 20일
·
0개의 댓글