Bongster's

2019/09/29 날씨 맑음  오늘은 어제 UI를 통해서 그린 그림을 가지고, 실제로 프로젝트에 적용하는 작업을 하였습니다. 위에 화면이 저녁 밥 먹고 21시부터 시작해서 23시까지의 결과 물입니다. 코드는 github 에 들어가시면 확인하실수 있습니다.  간단하게 과정을 설명해드리면,  지금 보이는 설정 화면과 디테일 화면사이에는 createStackNavigator로 연결을 했으며,  거기서 만들어진 TimeStack을 TabNavigator에 연결해주는 방식으로 구현을 했습니다. 밑에 보이는 navigationOptions가 아래쪽에 한번 더 정의 되어 있는 이유는 위에 StackNavigator로 구성을 하고 추가를 하였을 경우에 UI Tab 화면에 아이콘이 보이지 않는 이슈가 있어서,  이슈에 대해서 찾아보다가 결국 찾지 못해서 저렇게 코드를 한번 더 Navigator 만들때 추가로 정의했습니다.  * 혹시 이 이슈 해결방법에 대해 아시는분 코멘트 부탁드립니다. 내가 보기에도 허접한 화면에 달랑 페이지 두개. 실제 작업은 30분도 안걸렸지만, 이제 한시간 반 동안 제가 어떤 삽질을 했으며, 또 그걸 해결하기 위해서 어떻게 해야하는지 적을까 합니다.  React-native가 기본적으로 제공하는 유저 Input을 받을수 있는 Components는 TextInput 와 Picker 입니다. 기본적인 웹에서 사용하는 form 과 같은 tag를 사용하고 싶을때는, react-native에서 구현되어있는 package를 설치해서 사용하면 더 정신건강에 좋습니다.  어떤 library를 사용해야할지 모르겠어서 어떻게 할지 찾아보다가 awesome-react-native 란 사이트를 찾아서 여기서 필요한 기능별 library를 추가하면 편하게 사용하실수 있습니다.  화면을 그리는것에 ...

2018/09/28 날씨 맑았다가 흐름.  오늘은 어제에 이어서 react-native 프로젝트 기본 세팅이 끝난 관계로, Timer에 대한 기능을 개발해 볼까 합니다. UI는 간단히 스케치 하면 일찍 끝날줄 알았는데, 이게 생각보다 오래 걸리네요. 아무래도 익숙하지 않은 툴 을 사용해서 그런것 같습니다. Balsamiq 이라는 wireframe 툴을 사용했습니다. 사실 원래는 툴 을 사용하지 않고 바로 코딩을 했었는데 이렇게 작업을 하니 혼자하기에는 편한데 남들에게 스케치 내용을 보여주고 피드백 받고 싶어서 문서로 남기게 되었습니다. 발사믹 에 대한 Website 주소는 https://balsamiq.com/  여기고, 들어가셔서 확인하시면 됩니다. * 참고로 유료예요. 저는 cloud version를 trial로 사용하였습니다. 되게 없어 보이지만, 1시간이나 작업을 했답니다. 내가 손이 느린건가 ㅠㅠ 이렇게 UI 작업이 끝나고 이제 타이머 작업을 해야하는데 UI 작업에서 시간을 너무 많이 써서 코드 작업은 다음번에 추가하도록 하겠습니다. 오늘은 친구 생일.!!

Comments: App에서 필요한 기본적인 기능인 navigation을 붙이는 작업을 진행하면서, 추가적으로 발생한 이슈나 팁등을 공유할까 합니다. 원본 리소스는  https://facebook.github.io/react-native/docs/navigation 에 있는 페이지를 토대로 진행 했습니다. Spec: Node v10.11.0 NPM v6.4.1 Macbook npm 을 통해서 react-navigation 설치하기.  run npm install react-navigation 설치 후에 Node에 새로 추가된 dependency 에 대한 warming 체크로 이런 에러가 많이 뜨네요. npm audit fix --force 를 통해서 해당 이슈를 해결하였습니다. 사실 이렇게 했는데도 warmming 이 다 해결되지 않았지만, 일단 사용하지 않는 package 이기 때문에 사용할때 추가하면 될것 같아서 스킵 하였습니다. --force 후에 결과 페이지 Sample 코드를 추가 후에 npm run ios 실행 해서 결과를 보니, 에러 발생. Plugin/Preset files are not allowed to export objects react-native 0.56의 경우 expo를 지원하지 않음 npm eject를 통해 프로젝트를 기본으로 돌려서 npm run ios 진행했으나 에러 발생. npm start를 통해서 해봐도 똑같은 에러 발생. replace를 해도 main 쪽에 스크립트가 변경되지 않아서 똑같은 에러 발생. package.json에 main 쪽도 변경해줘야 함.  "main": "node_modules/expo/AppEntry.js"  이것땜에 프로젝트 다시 지우고 다시 설치함. 빈 프로젝트라 괜찮은데 기존 프로젝트의 경우에는 화가 많이 날것 같습니다. 드디어 완료!! 이제 코드를 ...

Comments: react-native 프로젝트를 생성 후에 npm start 를 하고 i 를 눌러서 ios simulator를 열었는데, ` Unable to check Xcode version: Error: Process exited with non-zero code ` 해당 오류가 발생해서 오류를 해결하는 방법을 추가하였습니다. 간단한 방법이지만, 처음으로 해보는 react-native에 대한 경험 및 Troubling Shooting 에 대한 내용을 블로그에 적으려고 합니다. 못하는 영어지만 영어도 같이. 이유는? 연습하기 위해서! Requirements: Xcode react-native project Status: cd react-native project && npm start && press i button Xcode가 설치되어 있음에도 불구하고, 이런 에러의 나오는 이유는 Xcode 설치시에 기본적으로 Command Line Tools가 선택이 안되어 있어서 Version을 찾지 못하는 에러입니다. Even if i installed Xcode, react-native can't found Xcode version. Thats' why can't found Xcode Simulator version is Xcode default Command Line Tools setting are can not set any Xcode version. so you should select Xcode version one time Solve: Xcode 열기 - Open Xcode 왼쪽 위에 있는 Xcode버튼 클릭하기 - Click Xcode button in left top Preferences 클릭하기- Click Preferences     4. Locations 메뉴로 가기 - Goto Locations menu ...

2019/9/21 날씨 비 온뒤 갬 오늘은 COMPTRAIN.CO에 있는 운동을 하였다. 운동 내용은 Squat Clean Min 1-2-3: 3 Squat Cleans (62-65-68)   -- #160 - #165 - #170 Min 4 : Rest Min 5-6-7: 2 Squat Cleans (72-75-78)   -- #185 - #190 - #195 Min 8: Rest Min 9-10-11: 1 Squat Cleans (82-84-86)   -- #210 - #215 - 220 Min 12-13-14: 1 Squat Cleans (82-84-86)   -- #210 - #215 - 220 OverTime For Time: (#115) 200 M run, 21 Power Snatches 200 M run, 21 Overhead Squats 200 M run, 15 Power Snatches 200 M run, 15 Overhead Squats 200 M run, 9 Power Snatches 200 M run, 9 Overhead Squats Body Armor 3 Round Dumbbell Bench Press * 12 #50 Weighted Alternating Pistols * 10 Weighted Strict Ring Dips * 8 Weighted Pull-ups * 6 이렇게 운동을 끝내고 영상도 찍었는데, 그건 올리기 좀 그렇다 ㅎㅎㅎㅎ 뭐 그렇고, 일단 해야 할일과 한일과 내일 할일에 대한 내용입니다. 해야 할일:    어떤 language 및 Framework를 사용해서 앱 개발을 진행할지 정하기    github 프로젝트 생성하기.    앱 UI 그림 그리기. 한일:    React-native 사용해서 앱 개발하기.    github ...

2019/09/20 날씨 비 오고 흐림 오늘은 오전에 아시는분이랑 개발 관련해서 미팅이 있어서 아침일찍부터 스타벅스에서 미팅을 하고, 12시쯤 운동하는 GYM에 도착을 해서 운동을 하였습니다. 오늘은 COMPTRAIN이 REST DAY라서 CROSSFIT INVICTUS에 있는 프로그램을 찾아서, 운동을 구성했습니다. 순서를 어떻게 해야하는지 몰라서 COMPETITION에 있는 내용만 시작. ㅎㅎ PERFORMANCE, FITNESS도 있었는데, 힘들었습니다. 핑계가 심했네요. 오늘 한 운동은 Gymnastic warm up 2 sets PASS Kick to Handstand on Wall * 40 sec Wall Facing Handstand Marching * 40 reps Strength Every 3 min, for 15 mins ( 5 set) 2 Front Squat + Jerk #175 Condition 4 round for time of: 16:38 400m run or 500m row 60 DU 20 S2O ( #95) 비도오고 그래서오전 운동은 여기까지 시간이 되면 저녁에 GYM에 있는 Daily WOD를 진행할듯 싶습니다. 맞다. 그리고 오늘 하기로 한 스펙 정의와 UI를 해야하는데 귀찮네요. 스펙 정의의 경우에는 제 생각으론 두가지가 있는데, 기능에 대한 스펙과 프로젝트에 대한 스펙 두가지로 정해질것 같습니다. 기능에 대한 스펙은 내일 하기로 하고, ( 이유는 나 밖에 하지 않으니깐 ㅎㅎ 사실 아직 생각 못해둠. ) 프로젝트의 경우에는 크게 웹, 앱, 서버 이렇게 분리 될것 같고, 일단 경험이 없는 앱을 먼저 개발 한 후에 서버 작업을 하고 웹을 하는 순서로 진행 할것 같습니다. 앱의 경우에는 아마 Native로 작성 하지는 않을것 같고, 이유는 앱의 경우에 OS 종속적인 기능이 들어가지 않을 것 같아서, 다른 하이브리드로 도 가능하겠다 생각했습니다. 후보군으로 처음에는 Reac...

2018/9/19 - 날씨 맑음 대만 여행을 갔다 오고 개인적인 시간이 남아서 무엇을 할까 하다가 그동안 썼던 운동 앱애 대한 나의 단점 및 불편 사항에 대해 적고, 나만을 위한 운동 앱 서비스를 기획 및 개발 하기로 결정 하였습니다. 참고로 저는 Crossfit 이란 운동을 하고 있는 개발자? 입니다. ㅎㅎㅎ 지금은 백수이고요. 이런 서비스를 기획 및 개발하는 이유는 지금은 나의 입맛에 맞는 앱이 있지 않고, 추가 기능에 대한 사용을 할려면 돈을 지불해야하는 불편한 것이 있어서 ( 개인적으로 나한테 돈을 쓰는것에 대해 인색함 ㅋㅋ ) 몇가지의 불편한 사항들도 있고, 여러개의 앱을 동시에 사용하고 있습니다. 그러다 보니 한번에 여러개를 체크해야하는 불편함과 관리적인 이슈가 있어서 사실 지금 쓰는 앱들도 충분히 좋지만 잉여력이 충분히 남아서 나만을 위한 앱을 만들어 보자 생각했습니다. I will be a full stack developer !!!!!!!!!!!!!!!!!!! 그래서 지금 사용하는 앱에 대한 장*단점을 적고, 나만의 앱에서 어떻게 저런 불편한 내용들을 적용할 지 에 대해서 생각해보도록 하겠습니다. 지금 운동할 때 사용하는 앱 및 웹 및 기타 등등 TRIFECTA [APP] https://shop.trifectanutrition.com/trifecta-app/ 예전에 잠실에 있는 박스에 있을 때 코치님이 추천해주신 앱. 이름이 바뀌었음 원래 WOD 뭐시기 였는데.. 저 앱으로 개인적으로 운동을 할때 Timer가 필요한 상황에서 사용하는 앱. Brooke Ence 라는 크로스핏 선수가 모델로 운동 영상을 찍어서 올려주고 있음. https://games.crossfit.com/athlete/62554  너무 멋있는 선수 Awesome!!! Timer Daily WOD, article 등을 지원 유료 결제 시 식단에 대한 칼로리 저장도 가능 [ 미국음식 기준 ] 미국에 살았더라면 잘 썼...