전체 글
-
[개발일지] 12월 개발일지스마일게이트 멤버십 2020. 12. 30. 12:57
드디어 모든 구현을 마치고 테스트 단계에 들어섰다. 자잘한 오류는 없는지, 수치 조정이 필요한지, 효과음이 빠진 부분이 없는지.. 모든 팀원들이 빈틈 없이 테스트 중이다. 테스트는 구글 드라이브를 통해 비대면이지만, 대면인 것처럼 속도가 늘어지지 않게 진행하고 있다. 테스트 후 가장 큰 변화는 전체 빚의 증가이다. 기존 500만원에서천만 원으로 올리기로 하였고, 대신 퀘스트 보상을 상향하기로 하였다. 우리 팀원이 테스트했을 때 500만 원 갚기는 12~15일 차에서 끝난 터라 빚 상향을 하였지만, 이 금액에 대해선 오픈 베타 데이의 테스트를 통해 다시 한번 점검할 예정이다. 스마일게이트 멤버십의 수료식이 다가오고 있다. 수료식에 맞추어 굳세어라 해녀야 게임의 출시를 목표로 하였는데 이 시기를 잘 맞춘 것..
-
[Expo] Android apk 파일 빌드하기졸업프로젝트 2020. 12. 10. 20:13
Expo를 이용하여 어플리케이션을 빌드하는 것은 생각보다 간단하다. ios용 어플리케이션은 빌드하기 위해 여러가지 추가적으로 필요한 것이 많아, 졸프 시제품 제출용으로 android apk 파일로 빌드하였다. expo build:android를 통해 빌드 파일이 생성된다. build type 옵션 선택 후 (나는 apk 타입을 선택했다) Build queued 문구와 함께 cmd창을 닫아도 된다는 문구가 뜬다. 위의 url로 들어가자 build queue의 status를 확인할 수 있었고 한 15분 기다리자 빌드 완료와 함께 apk 파일을 다운받을 수 있었다. 다른 건 잘 모르겠고... ios와 android 별 예상되는 build time을 알 수 있다. expo 사용시 빌드 과정은 쉽지만 빌드 시간은..
-
[React Native] 3X3 FlatList 배열 만들기졸업프로젝트 2020. 12. 2. 11:16
메인 화면에서 다운로드한 책을 3x3 열로 보여주기 위해 react-native-grid-layout을 이용하고자 했으나 번들 오류로 인해 react-native에 포함되어 있는 FlatList로 grid layout을 구현하였다. 여기를 참고하여 코드를 작성하였습니다. 1. 배경화면 넣기 ImageBackground를 이용합니다. Image와 다르게 child를 가질 수 있어 child로 다른 components를 포함할 수 있습니다. 1.1 local file 이미지 경로에 추가하기 source={require('local_file_경로')}와 같이 사용합니다. 1.2 이미지 크기 늘리기 배경화면으로 이미지를 사용하기 위해 width와 height의 범위를 100%로 합니다. 1.2.1 이미지 크기에..
-
[React Native] 탭 구현하기졸업프로젝트 2020. 12. 2. 10:47
이 글은 여기를 참고하여 작성되었습니다. 지난번 버튼을 눌러 화면을 이동하는 법에 이어 탭을 구현해 보았습니다. React Native에서 탭 자체는 createBottomTabNavigator를 이용하여 만든 후 createAppContainer에 생성한 TabNavigator를 담아 export 하는 방식으로 만든다 App.js import {createAppContainer} from 'react-navigation'; import React from 'react'; import {createBottomTabNavigator} from 'react-navigation-tabs'; import Ionicons from 'react-native-vector-icons/Ionicons'; import M..
-
[React Native] 협업하기 (git 충돌 해결)졸업프로젝트 2020. 12. 2. 10:36
애플리케이션 프론트 구현을 두 명이서 나누어 진행하기 위해 git과 연동하였다. react native용 git ignore 파일엔 node_module 파일을 업로드하지 않는다고 되어있어 각자 설치한 라이브러리 파일은 올라가지 않게 되어있다. 따라서 처음 코드를 합치는 과정에서 라이브러리 미설치로 인한 오류들이 잔뜩 등장해 있었다. 이 경우, package-lock.json 파일을 삭제한 뒤 npm install을 해주면 프로그램을 돌리는데 필요한 라이브러리를 알아서 설치해준다. 이렇게 해서 첫 코드 합치기에서 발생한 오류를 해결하였다.
-
[서현 맛집] 동트는 마을일상 2020. 11. 30. 18:28
안녕하세용 :D 오랜만의 일상 글이네요 베이킹한 것도 올리고 싶고 요리하는 것도 올리고 싶었는데 처음에 열심히 찍다가 포기해서 못 올렸어요 흑흑 오늘은 이틀 전에 방문한 동트는 마을 추천글을 써보려 합니다 (왜 지도가 첨부가 안 되지...) 동트는 마을은 서현역 콩쥐팥쥐 건물 지하 1층에 있어요! 삼촌네, 달빛 한잔 등 많은 술집이 있는 건물 지하 1층이요!! 사실 저도 처음 방문해봤습니다.. ㅎㅎ 친구들이 엄청 추천해줘서 갔어요 동트는 마을은 단골이 많은 듯했어요 그도 그럴만한 게.. 간판이 떡 하고 있는 느낌은 아니라서 저도 서현 10년 만에 알게 되었답니다 가게 내부는 아기자기하고 따스한 분위기였어요 가게 곳곳의 낙서들이 구경하는 재미가 있더라고요 이건 가게 메뉴판입니다! 신기하게도 막창 단일 메뉴..
-
[개발일지] 11월 개발일지스마일게이트 멤버십 2020. 11. 30. 18:00
10월에 미완성된 부분들을 완료하고 출시에 앞서 저작권을 확인해 보는 11월이었다. 우선, 게임에 사용하고 있는 BGM의 저작권을 확인해보니 상업적 이용이 불가한 곡들이 있었다. 곡당 55,000원을 지불하고 상업적 사용을 할 수 있었으나, 곡들이 유튜브 어딘가에서 듣던 노래 같기도 하고 우리 게임과 더 잘 어울리는 노래를 찾을 수 있지 않을까 싶어서 곡을 외주 하기로 결정하였다. 사용자가 가장 오랜 시간 머물 양식장과 바다 노래를 외주하기로 결정했으며 얼마 전에 게임 해커톤에서 만난 사운더님께 곡을 의뢰하게 되었다. 아직 곡을 작업 중에 있으며 12월 중순에 받을 수 있을 것 같다. 폰트 같은 경우엔 배달의 민족 주아체를 사용하고 있어 그대로 사용할 수 있었다. 양식장 코드적으로 할 일은 10월에 다 ..
-
[React Native] 버튼 눌러 페이지 이동하기졸업프로젝트 2020. 11. 28. 00:41
탭을 구현해야 하는데 버튼을 눌러 페이지 이동하는 것을 구현해버렸다. (아아...) 두 가지 모두 react-navigation 라이브러리를 이용하여 구현할 수 있어서 금방 바꿀 수 있을 것 같다. 일단 구현만 해보는 것을 목표로 했기 때문에 블로그의 코드를 그래도 써보았고 그 과정에서 나온 에러들을 정리하고자 한다. 1. bundle 자체가 진행되지 않는 에러 (time out error) expo를 사용하여 기기에서 코드를 확인하고 싶은 경우 expo를 실행한 노트북과 코드를 확인할 기기가 같은 네트워크에 연결되어있어야 한다. 나는 확인도 안 하고 휴대폰은 데이터를 켜놓고 노트북은 와이파이에 연결되어 있어 계속 time out 에러가 발생했다. 왜 안되지.. 왜 안되지.. 30분을 찾다가 휴대폰이 와..