오늘은 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 프로젝트 생성 https://github.com/bongster/x-wod
앱 UI 그림 그리기. 일단 중요한 TIMER에 대한 기능만 일단 UI를 그리는것으로 함. 나머지는 추후에 기능이 추가 될때마다 그리면 될듯
오늘은 react-native 앱만 생성한 후에, 한번 페이지를 띄워보는걸로 마무리만 해보자라고 생각했습니다.
React-native 앱 생성하는 순서
React-native 앱의 경우에는 https://facebook.github.io/react-native/docs/getting-started.html 여기에 있는 사이트를 토대로 진행하였습니다.
create-react-native-app을 npm을 통해 설치하기.
- npm install -g create-react-native-app
expo 설치하기 : expo의 경우에 안드로이드와 IOS에서 해당 앱이 동일하게 보여줄수 있도록 도와주는 client 앱 즉 이걸 사용하면 지금 개발하는 버전을 안드로이드 폰에서 볼수 있음.
npm install expo-cli --global
그 후에 프로젝트 생성하기
create-react-native-app [프로젝트 이름] : 저는 mobile로 하였습니다.
mobile 폴더로 들어가서 cd mobile
npm start
TROUBLING SHOOTING
모든 프로젝트가 그렇듯 한번에 되면 제 입장에선 영 찝찝 하더라 구요. 아무리 간단한거라도..
근데 그냥 npm start를 했음에도 불구하고, 안되는 문제가 발생했습니다.
이게 디테일한 에러입니다.
위에 있는 링크를 들어가서 좀 더 읽어보니 npm start시에 react-native-scripts 를 실행하는데 이곳에서 커널단에 있는 inotify를 사용해서 발생하는 문제였습니다. 해결 방법으로 watchman을 깔꺼나 해당 명령어를 치라는 에러 문구여서 해당 문구를 쳐서 다른 문제를 야기시키는 것보다 편하게 깔고 지울수 있도록 watchman을 깔도록 하였습니다. 또 native 코드를 사용할때도 watchman이 필요했기 때문에 겸사겸사 깔았습니다.
오류를 수정하고 나온 화면입니다.
오류 없이 잘 서비스가 떴습니다.!
그런데 보면 하나 새로운 기술이 나옵니다. 앞에서 설명했던 Expo라는 얘인데요.
내일은 Expo를 좀더 읽어보고 어떻게 사용하는지 사용법을 올리도록 하면서 나머지 TIMER 개발도 같이 진행할까 합니다.
TODO List:
TIMER 개발 진행하기
EXPO 공부하기.
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 프로젝트 생성 https://github.com/bongster/x-wod
앱 UI 그림 그리기. 일단 중요한 TIMER에 대한 기능만 일단 UI를 그리는것으로 함. 나머지는 추후에 기능이 추가 될때마다 그리면 될듯
오늘은 react-native 앱만 생성한 후에, 한번 페이지를 띄워보는걸로 마무리만 해보자라고 생각했습니다.
React-native 앱 생성하는 순서
React-native 앱의 경우에는 https://facebook.github.io/react-native/docs/getting-started.html 여기에 있는 사이트를 토대로 진행하였습니다.
create-react-native-app을 npm을 통해 설치하기.
- npm install -g create-react-native-app
expo 설치하기 : expo의 경우에 안드로이드와 IOS에서 해당 앱이 동일하게 보여줄수 있도록 도와주는 client 앱 즉 이걸 사용하면 지금 개발하는 버전을 안드로이드 폰에서 볼수 있음.
npm install expo-cli --global
그 후에 프로젝트 생성하기
create-react-native-app [프로젝트 이름] : 저는 mobile로 하였습니다.
mobile 폴더로 들어가서 cd mobile
npm start
TROUBLING SHOOTING
모든 프로젝트가 그렇듯 한번에 되면 제 입장에선 영 찝찝 하더라 구요. 아무리 간단한거라도..
근데 그냥 npm start를 했음에도 불구하고, 안되는 문제가 발생했습니다.
이게 디테일한 에러입니다.
위에 있는 링크를 들어가서 좀 더 읽어보니 npm start시에 react-native-scripts 를 실행하는데 이곳에서 커널단에 있는 inotify를 사용해서 발생하는 문제였습니다. 해결 방법으로 watchman을 깔꺼나 해당 명령어를 치라는 에러 문구여서 해당 문구를 쳐서 다른 문제를 야기시키는 것보다 편하게 깔고 지울수 있도록 watchman을 깔도록 하였습니다. 또 native 코드를 사용할때도 watchman이 필요했기 때문에 겸사겸사 깔았습니다.
오류를 수정하고 나온 화면입니다.
오류 없이 잘 서비스가 떴습니다.!
그런데 보면 하나 새로운 기술이 나옵니다. 앞에서 설명했던 Expo라는 얘인데요.
내일은 Expo를 좀더 읽어보고 어떻게 사용하는지 사용법을 올리도록 하면서 나머지 TIMER 개발도 같이 진행할까 합니다.
TODO List:
TIMER 개발 진행하기
EXPO 공부하기.
댓글 없음:
댓글 쓰기