profile
프로그래밍 입문자의 학습 블로그입니다.
post-thumbnail

[react navigation] stack 초기화 후 navigating

프로젝트 방 생성페이지에서 정보를 입력하고 완료 버튼을 클릭하면,프로젝트 리스트 페이지로 이동한다(프로젝트 리스트 페이지는 아직 작업전...ㅎㅎㅎ)그런데 하단 메뉴바에서 만들기 메뉴를 클릭하면.....! 내 예상과 다르게 아까 입력한 내용이 그대로 남았다.구글에 rea

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

[android studio]apollo TypeError: Network request failed

apollo client를 사용해 쿼리를 날려보니.. 아래와 같은 에러 발생..!apollo TypeError: Network request failed 라는 키워드로 검색을 해보니.. 해결방법을 찾을 수 있었다..!Android 에뮬레이터를 사용하는 경우 localh

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

expo `Lan 방식으로` 연결하기

expo를 실행하고 내 폰에서 보려고 하니 아래와같은 에러가 발생한다.구글에 검색해보니, 위와같은 에러발생시 인바운드로 19000, 19001 포트를 열어줘야된다고한다.UFW를 활성화 한다.(기본이 비활성화 상태)sudo ufw enableUFW 상태 확인sudo uf

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

react native datetimepicker 라이브러리 사용하기

Github start패키지에 star가 거의없는 경우 프로젝트의 안정성과 유지 보수 및 안정성을 기대할 수 없다.Activity패키지에 Github star가 충분하지만 적극적으로 유지 관리되지 않는 경우 적합하지 않을 수 있습니다. React Native는 빠르게

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

[react-native] datepicker library(@react-native-community/datetimepicker)

( 정리 예정 )https://blog.logrocket.com/choosing-the-right-react-native-date-picker/( 정리 예정 )https://www.npmjs.com/package/@react-native-communi

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

오늘 새로 알게된 내용 정리

TypeScript에서 Type을 기술하는 두 가지 방법, Interface와 Type Aliasinput의 텍스트가 변경될때 발생하는 onChange 이벤트에서 prameter로 e 객체를 가져올수 있다. prameter로 다른 것도 받고 싶어서 위와같이 작성해보았다

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

react native immer(use-immer) 사용하기

사용하면서 블로깅하기.. 아직 사용전Immutability with React Native Using Immer.jsnpm - (use-immer)

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

[css Issue - flex] input에서 enter 입력시 input 영역이 이상해지는 현상?..

이상한 문제가 생겼다..위와 같은 페이지에서 인풋창을 누르고 텍스트를 입력한 후 ... 엔터를 누르면...이렇게 인풋 영역이 자리를 이상하게 잡는다...코드에 KeyboardAwareScrollView를 감싸줬는데 KeyboardAwareScrollView 이게 있으면

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

react prop-types

react 프로젝트에서 props-type을 이용해보았다.그런데 me, FollowerModalVisibleHandler의 value가 없을 경우에 아래와 같이 에러가난다. 그래서 공식문서를 참고하여 defaultProps를 사용해 에러를 해결하였다.props의 값이

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

[react-native] keypad에 input이 가려지지 않으려면...?

KeyboardAvoidingView를 사용해보았지만..현재 화면에는 적절하지 않은 방법인거 같다 ㅎㅎㅎㅎ...해당 라이브러리의 npm 문서를 보니.. 이런 글이..!TextInput 구성 요소에 대한 자동 스크롤..!!포커스되어 있는 TextInput으로 Keyboa

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

TextInput blurOnSubmit props - multiline 속성이 있는 TextInput에서 `enter` key로 키패드를 닫으려면???

TextInput에 multiline 속성이 있으면 keypad의 enter 버튼을 눌렀을때 input 안에서 줄바꿈이 되고 keypad가 닫기지 않는다.검색해보았더니,TextInput에 blurOnSubmit props를 true로 설정하면 enter 키가 키보드를

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

[react native] onChange (vs) onChangeText, e.nativeEvent

react native TextInput에서 onChange 이벤트를 사용해 e.target.value를 얻으려 시도했다. 콘솔에 찍어보니 undefined가 나온다. 구글링 고고고!!react native TextInput onChange event 이렇게 검색했더니

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

[Error - Router.pathname 사용]No router instance found

위와 같이 Router.pathname 값을 이용해 분기를 해주려고 했는데 아래와 같은 에러가 떴다.에러가 발생한 이유는, Router가 컴포넌트 렌더링이 되기 전에 실행되었기 때문이다..!그래서 Router.pathname을 사용하려면 컴포넌트가 모두 렌더링이 된 후

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

react-native 사용중 알게된점, 아직 해결되지 않은것들..

react-native에서 styled-components의 createGlobalStyle을 사용하여 공통 style을 잡고 싶다.이렇게 넣어줬더니 아래와 같은 에러가 발생한다..공식문서에 찾아보니.. 이렇게 나와있다.web-only... 그러면 모바일에서 글로벌 스

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

[React Navigation]Tab navigation

스택 네비게이터를 Customizing 방법과 유사하다. 탭 네비게이터를 초기화 할 때 설정되는 특성과 옵션에서 화면별로 사용자 정의 할 수있는 특성이 있다.tabBarIcon tabBarIcon은 bottom tab navigator에서 지원되는 옵션이다.optio

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

[React Navigation] React Navigation 튜토리얼 따라하기 - Stack Navigation

npm install @react-navigation/nativeExpo 관리 프로젝트에 종속성 설치expo install react-native-gesture-handler react-native-reanimated react-native-screens react-n

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

Sequelize association foreignKey 생성방법

인증코드 테이블을 생성하려한다.인증코드는 하나의 유저를 가지고 유저는 여러개의 인증코드를 가질수 있다는 가정하에 두 테이블의 관계는 1:다이다.그래서 인증코드 테이블에는 아래와 같이 해주고,유저 테이블에는 아래와 같이 해주고 migrate를 실행해주면..!인증코드 테이

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

port kill(port 충돌났을때 해결방법)

이렇게 port 충돌이 나는 경우에는 해당 port를 죽여줘야한다.kill해야 하는 port를 검색한다port를 kill한다서버를 다시 실행한다https://stackoverflow.com/questions/39632667/how-do-i-kill-the-pr

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

[Study] react-native

노마드코더 react native 강의 메모 시작.node.js : node 버전 10이상npm : npm 버전 6이상시뮬레이터(어플리케이션 테스트) \- mac : 인스톨된 Xcode윈도우, 리눅스 : 안드로이드 스튜디오 설치expo \- 앱을 휴대폰에서 테스트

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

2020-06-04 해야 할 일

README, 적어보기(프로젝트 기능, 어떻게 구현되었는지, api요청은 어떻게 어떤 방식으로 하는지 등등..?) \- 몇일지나면 까먹기떄문에 적어두는게 좋음유저 피드백을 받아보는 것은 정말 중요프로젝트를 크게(새로운 기술 여러개)하는 것보다 깊게 하는 것이 좋다

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