목록분류 전체보기 (163)

반원 블로그

1회차 - 04 react native 날씨 앱 따라 만들기(3), 지역 가져오기

계속 이어서 노마드코더 니콜라스의 React Native Weather를 따라해보도록 하자. https://www.youtube.com/playlist?list=PL7jH19IHhOLPEhP6oPSgK6r-neUVVA-pi 영상 #1 2 Getting the Location부터 시작합니다. 리액트 네이티브의 Geolocation API 리엑트 네이티브 문서에서 geolocation 키워드를 검색해서 찾는다. https://reactnative.dev/docs/geolocation The Geolocation API extends the Geolocation web spec. As a browser polyfill, this API is available through the navigator.geoloc..
2018~/react native 2020. 6. 29. 21:39
1회차 - 03 react native 날씨 앱 따라 만들기(2), 리액트 네이티브 Nox, BlueStack으로 연동 개발하기

계속 이어서 노마드코더 니콜라스의 React Native Weather를 따라해보도록 하자. #0 4부터 시작 https://www.youtube.com/playlist?list=PL7jH19IHhOLPEhP6oPSgK6r-neUVVA-pi 실행 모드 yarn android 또는 npm run android yarn ios 또는 npm run ios 위의 명령어 대신 에뮬레이터(크롬)를 사용할 경우 Run on iOS simulator Run on Android 를 클릭하는 것과 같다. expo가 web은 테스트 중인듯. 여기부터 #0 5은 대충만 적기로 (모바일 앱, 네이티브 앱을 만드는 방법에 대한 소개 내용, 자바 코틀린, 웹뷰, 코드로바, 자바스크립트, 리액트 컴포넌트, 브릿지 등) Web개발자가..
2018~/react native 2020. 6. 29. 17:43
1회차 - 02 react native 날씨 앱 따라 만들기(1)

노마드코더 니콜라스의 React Native Weather를 따라해보도록 하자. 작업은 00에 만들어둔 구름 IDE에서 해보자. https://www.youtube.com/playlist?list=PL7jH19IHhOLPEhP6oPSgK6r-neUVVA-pi 영상 따라하기는 #0 2부터 시작했다. (왜냐면 구름 ide에 #0 1에 설치과정은 이미 되있으므로) 결론적으로 이번 글에서는 #0 3까지 진행한게 되었다. EXPO https://reactnative.dev/docs/environment-setup react native로 개발시 IOS, 안드로이드의 개발환경을 구축하고 보다 심화된 작업(reate native file 제어 등)을 하기위해서 [React Native CLI Quickstart] 로..
2018~/react native 2020. 6. 29. 00:21
1회차 - 01 ES6 문법 - Babel 표기법. String Literal, 객체, 배열, Spread Operator, for of 문

ES6 연습 사이트 https://es6console.com/ https://repl.it/languages/babel 변수 생성 자바스크립트는 변수 선언은 var ES6는 const와 let을 선호 let은 변수에 재할당이 가능 const는 변수 재선언, 재할당 모두 불가능 ES6 문자열 문자열 리터럴을 사용할 때 ` 를 사용한다. (따옴표가 아닌 ESC 아래, 1키 옆, Tab키 위에 있는 문자) const t1 = "hello"; const t2 = "world"; // 일반적인 텍스트 합치기 const t3 = t1 +' , ' +t2; console.log(t3); // 리터럴 방식의 텍스트 합치기 const t4 = `${t1} , ${t2}` console.log(t4);출력결..
2018~/react native 2020. 6. 28. 22:58
1회차 - 00 react native 개요 및 개발환경 설정

현 상황 react.js를 학습하지않고 시작해보기 공홈 링크 https://reactnative.dev/ React Native 페이스북 내부 해커톤에서 생성 개발환경 구성 가이드 https://reactnative.dev/docs/environment-setup Expo CLI Quickstart 와 React Native CLI Quickstart (여기서는 후자를 선택) 윈도우에서 설치 과정 IOS를 만들려면 Mac이 필요 그러면 윈도우-안드로이드 조합을 준비해야하는데, 설치하는 과정이 쉽지않음. 여기서 고민.. 컴퓨터에 환경을 구성할까? 아니면 IDE를 빌릴까? 대체로 윈도우로는 react native 개발이 힘들다고 한다. 그러므로 Mac이나 Linux, 클라우드를 고려하자. Online Pla..
2018~/react native 2020. 6. 28. 16:05
Git 설치 과정(Windows)

Git 설치 버전에 따라 설치 내용이 다를 수 있습니다. 그래서 중요 포인트만 얘기하고, 따로 언급하지 않는 것은 그냥 Next를 누르면 되겠습니다. 1.기본 설정으로 Next 2. 기본 설정으로 Next 3. Git Bash는 꼭 클릭하기 4. 기본 설정으로 Next 5. Use Visual Studio Code as Git's default editor를 선택하고 Next 클릭 6. Git from the command line and also from 3rd-party software를 선택하고 Next 클릭 7. 기본 설정으로 Next 8. 기본 설정으로 Next 9. 기본 설정으로 Next 10. 기본 설정으로 Next 11. 이외에 나오는 창은 전부 Next만 눌러서 진행합니다.
2017/GitHub 2020. 6. 22. 19:41
Prev 1 2 3 4 5 ··· 28 Next