분류 전체보기
-
#1.1 개발환경 구축 (Visual Studio Code)카테고리 없음 2019. 8. 29. 11:24
Visual Studio Code 설치 https://code.visualstudio.com/docs/?dv=win Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com Visual Studio Extention 설치 - Prettier - M..
-
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..
-
SVG 파일을 PNG로 변환하기개발/React Native 2019. 8. 27. 23:39
무료 아이콘팩을 제공하는 Ionicons의 경우, 따로 아이콘을 위한 리소스 관리가 필요 없다는 점에서 웹 혹은 앱 개발 시, 자주 사용되고 왠만한 기본 아이콘이 제공되고 있어서 자주 사용되고 있다. https://ionicons.com/ Ionicons: The premium icon pack for Ionic Framework Ionicons is an open-sourced and MIT licensed icon pack. ionicons.com 하지만 SVG 파일만 제공하고 있기 때문에 UX 디자인 과정에서는 SVG 파일 사용이 불가능하기 때문에 PNG, JPG 파일이 필요한데, SVG 파일에서 편리하게 PNG 파일을 추출할 수 있는 사이트가 있어 공유한다. 추가로 해당 사이트의 경우에는 SVG ..
-
React Native 파일 업로드 (AWS활용)카테고리 없음 2019. 7. 28. 22:21
Server에서 파일 업로드 기능을 제공할때, 보안상의 이유로 서비스 서버에 직접 파일을 업로드하는것은 위험함으로 파일은 AWS에 업로드하고 이를 Link하는 형태로 제공한다. 이를 위해 Multer S3를 사용해야 한다. 우선 AWS 가입. https://aws.amazon.com/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 엔터프라이즈 변혁 AWS를 사용하여 뱅킹을 재창조하는 Capital One Capital One이 어떻게 교육, 장기 계획, 고객 요구에 대한 끊임없는 집중을 통해 클라우드 우선 전략을 구현했는지 알아보십시오. 자세히 알아보기 고객에 집중 2014년에 Capital One은 이제 막 프라이빗 클라우드 기능을 사용하기 시작하면서 AWS도 실험해 ..
-
React Native 파일 업로드 예제카테고리 없음 2019. 7. 28. 09:59
React Native에서는 Axios를 활용하여 Node.js 서버로 파일을 전송할 수 있다. 일단 Server에 아래와 같이 파일 업로드를 위한 페이지를 생성한다. Clien가 /api/upload 페이지에 post 메시지를 uploadMiddleware, uploadController를 인자로 요청하면, // Server.js server.express.post("/api/upload", uploadMiddleware, uploadController); Upload 페이지는 uploadMiddleware가 호출되고 client로부터 전달받은 데이터 중 "file"이라는 이름을 가진 파일을 uploads/ 폴더에 저장한다. uploadController는 req 에서 서버에 저장된 file 정보(위치..
-
(React Native) Expo-Facebook/Google 계정 연동개발/React Native 2019. 7. 7. 22:00
Expo는 Facebook, Google 계정과 연동할 수 있는 패키지를 제공하고 있음. 이를 위해서는 Facebook, Google 개발자 사이트에 접속하여 권한을 등록한 후 Expo 코드에서는 고유ID를 통해 계정 정보에 접속하면 됨. Facebook - Expo Documentation behavior (string) -- The type of login prompt to show. Must be one of the following values: 'system' (iOS default) -- Attempts to log in through the Facebook account currently signed in through the device Settings. This will fallback ..
-
#2. 어떤 게임을 만들까?카테고리 없음 2019. 6. 23. 00:35
어떤 게임을 만들어 볼까 하고 유튜브를 찾다가 "Unity로 30분만게 Flappy Bird 만들기"라는 영상을 발견했다. https://www.youtube.com/watch?v=RgTZRT-LHcw Unity 개발 편의성, 속도에 대해서는 익히 들었고, Flappy Bird가 아무리 간단한 게임이라고는 해도 30분은 뻥이 심한거 아닌가? 라는 생각으로 영상을 시청했지만, 그 생각이 틀렸다는 것은 채 30분이 걸리지 않았다. 일단 첫 게임은 이거다 싶었다.
-
#1. 모바일 게임을 만들자개발/Unity 2019. 6. 23. 00:21
언젠가 한번쯤 아이들과 함께 모바일 게임을 만들어 봐야지라고 생각했었다. 하지만 삶에 치이고 일에 치이다 보니 조금씩 잊혀져 버리고 있었다. 그러다 몇일 전, 첫째(11세)가 가르쳐주지도 않은 파워포인트의 액션 기능들을 가지고 이상한 복불복 게임을 만들어서 둘째에게 자랑하는 모습을 보게 되었다. "아.. 피는 못 속이는 구나, 얘도 공돌이구나.." 개발 관련 공부는 나중에 얘가 하고 싶어하면, 기회가 되면 시켜봐야지 했는데, 본인도 하고 싶어하고 관심도 있어 보이니 간단한 게임을 하나 만들어 보기로 했다. 개발툴은 기왕 시작하는거 제대로 해보자는 생각에 나도 공부 할 겸, 딸도 가르쳐 볼 겸 Unity로 정했다. "과연 애가 이걸 이해할 수 있을까?" 라는 의문이 들기도 하지만, 뭐.. 안되면 말고~ 기..