profile
개발 공부 :D

[TypeScript] OOP 객체지향

객체지향이란? 서로 관련 있는 데이터와 함수를 객체(하나의 역할을 수행하는 메소드와 변수의 묶음)로 정의해서 서로 상호작용할 수 있도록 프로그래밍 해나가는 것을 말한다. 각각의 객체는 메시지를 주고받고, 데이터를 처리할 수 있다. > ### 장점 객체지향을 사용하면

2021년 3월 13일
·
0개의 댓글

타입스크립트 타입 선언

아래와 같이 타입을 설정하면 다른 타입의 종류를 할당할 수 없다. 다른 타입을 할당할 경우 타입 에러가 발생한다.어떤 데이터의 종류가 담길지 알 수 없는 상태 로 어떤 타입의 데이터든 할당할 수 있다.가능하면 사용하지 않는 것이 좋다.어떤 데이터의 종류든 담을 수 있는

2021년 2월 21일
·
0개의 댓글

타입스크립트란?

타입스크립트는 마이크로소프트에서 개발하고 관리하는 오픈소스 프로그래밍 언어로 자바스크립트를 베이스로 하는 javascript를 감싸는 자바스크립트의 상위 집합(superset of javscript) 언어이다.브라우저나 운영체제 상관없이 javscript가 동작하는 곳

2021년 2월 2일
·
0개의 댓글

react-native TabView (안드로이드&ios)

문제점 발견 해결방법

2021년 1월 10일
·
0개의 댓글

Git 기본

계정 연결 alias alias(https://git-scm.com/book/ko/v2/Git%EC%9D%98-%EA%B8%B0%EC%B4%88-Git-Alias)) 명령어를 짧게 사용하도록 설정하는 법. alias 및 현재 Git 설정 상태 보기: git con

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

react-native 안드로이드 이미지가 깨져 보일 때 (png)

아이콘 이미지를 넣을 때 png 파일 사용 중 ios에서는 깨짐 현상 없이 정상적으로 렌더 되었지만 안드로이드에서는 흐릿하게 이미지가 깨져 보였다.구글링 결과 React Native에서 사용하고 있는 fresco에서 android 상 해상도 보다 큰 이미지를 자동으로

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

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

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

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

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

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

2020년 10월 19일
·
1개의 댓글
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개의 댓글