개발
-
React Native | Youtube Video 정보 가져오기개발/React Native 2021. 8. 20. 20:04
React Native에서 react-native-youtube 패키지를 사용하면 Youtube 영상을 앱 내에서 재생하는 것은 가능하지만 재생하는 Video의 제목과 재생시간, 채널명과 같은 기본정보는 가져오지 못한다. Google API 활용하면 Video의 기본정보를 가져올 수 있다. 어딘가 이를 처리해주는 패키지가 있을 것 같은데, 찾을 수가 없어서 필요한 모듈을 직접 만들어 보기로 했다. 제일 먼저 해야 할 일은 Youtube Data API 이용 권한을 획득하는 것이다. 방법은 간단하다 아래 주소로 이동하여 프로젝트를 생성하고 API Key를 발급 받으면 된다. https://console.developers.google.com/apis/dashboard Google Cloud Platform..
-
[PostgreSQL] The data directory contains an old postmaster.pid file 에러 해결 방법개발/FullStack 2021. 7. 26. 21:42
PostgreSQL 서버를 시작하려고 하면 가끔 위와 같은 에러 팝업을 볼 수 있다. Sever가 이미 실행중이며 서버가 postmaster.pid 파일을 포함하고 있으니 서버 오류가 발생하거나 프로세스를 종료한 경우 해당 파일을 삭제하고 다시 실행해야 한다고 한다. 종종 발생하는 문제인데 왜 항상 매번 파일을 수작업으로 삭제해야 하는지 좀 의문이긴하지만 공짜로 쓰는 입장에서 뭐 어쩌겠는가? 시키는대로 해야지. 다행히 해결 방법은 어렵지 않다. Postgre13 기준으로 터미널을 실행하여 아래와 같이 postmaster.pid 위치로 이동한 후 해당 파일을 삭제하면 된다. $ cd ~/Library/Application\ Support/Postgres/var-13/ $ rm -f postmaster.pi..
-
iOS용 App으로 배포하기개발/React Native 2020. 2. 16. 12:18
1. Info.plist 파일 편집 : 개발을 위해 내부 네트워크로 설정되어 있는 부분 업데이트 2. Xcode에서 버전 업데이트 프로젝트 선택 > General > Version 변경 ** 이전 버전과 동일할 경우, Distribute App에서 실패하게 됨. 3. Xcode 에서 Release로 스키마 변경 Product > Schema > Edit Schema > Debug모드를 Release로 변경 4. Xode에서 Archive 실행 Product > Archive 5. Distribute App 실행 6. App Store Connect 에서 확인 (https://appstoreconnect.apple.com/) Distribute한 결과물은 AppStore Connect에서 확인할 수 있음...
-
[독서] 5:5:5 코딩 교육개발 2019. 10. 27. 23:01
http://www.yes24.com/Product/goods/36413598 5:5:5 코딩교육 4차산업혁명과 인공지능이 가져올(우리 아이들이 겪게 될) 미래직업에 대해 고민하고 대비하고자 하는 학부모· 교사들을 위한 필독서!2018년부터 코딩교육이 학교 필수 교과로 채택된다는 소식에 발 빠른 부모들은 이미 다양한 방법으로 자녀들에게 코딩교육을 시키고 있다. 하지만 대다수 부모는 우후죽순 생겨나는 코딩 학원과 수없이 많은 정보 ... www.yes24.com 미래를 대비할 아이들은 코딩을 할 줄 아아야겠지만, 핵심은 코딩 그 자체가 아니다. 중요한 것은 코딩 그 자체가 아니라 세상을 보고 자신만의 것으로 해석해내는 능력이라는 것이다. 그러기 위해서는 자신에게 끊임없이 질문을 해야 한다. 프롤로그 SW교..
-
React native 빌드 환경 설정 (No Expo)개발/React Native 2019. 9. 3. 23:25
아놔.. 다 썼는데.. 날아갔다. 그냥 링크로 대체한다. 흑.. https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment React Native · A framework for building native apps using React A framework for building native apps using React facebook.github.io 시스템 환경 변수 업데이트 필요. 1. Android SDK - Android Studio 설정에서 설치위치 확인 가능 2. JAVA - JDK 설치 위치 정의 필요. 3. JRE - Android SDK 설치 위치 찾아보면 있음. 그 ..
-
패스워드 관련 정규표현식개발 2019. 8. 31. 15:33
Minimum eight characters, at least one letter and one number: "^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$" Minimum eight characters, at least one letter, one number and one special character: "^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$" Minimum eight characters, at least one uppercase letter, one lowercase letter and one number: "^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$" Mi..
-
Node.js 개발 환경 구축 및 프로젝트 생성 (Backend)개발/React Native 2019. 8. 28. 23:20
Node.js 프로젝트 생성을 위해서는 아래와 같은 환경 구성이 필요하다. 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Yarn 설치 Yarn Fast, reliable, and secure dependency management. yarnpkg.com Mac의 경우, Yarn 설치 전 Brew 설치가 필요하며 관련 내용은 아래에서 확인할 수 있다. https://whitepaek.tistory.com/3 Homebrew(홈브류) 설치 및 사용법, MacOS에서 프로그램을 쉽게 다운로드 및 삭제할 수 있는 패키지 관리자 Homebrew 설치 및 사용법 ma..