라벨이 스파르타코딩클럽인 게시물 표시

[react] 간단한 카운터앱 만들기

이미지
 스파르타 코딩클럽 앱개발플러스 1주차 수강을 마무리하는 날, 매주마다 숙제로 마무리를 하는데, 난 거의 숙제해설을 보고 하는 편... ㅎㅎ;; 뭐 ㅋ도 모르면서 코딩을 하다보니... 그래도 종합반을 듣고 와서 그런지 어떤 파일을 추가해야하는지 어디에 추가해야하는지가 좀 감이 온다. 어떤 코딩을 넣어야하는지는 아직도 잘 모르지만, 이만큼의 발전도 감사할 따름이다.  컴포넌트 폴더에 플러스, 마이너스 파일을 추가하고,  App,jsx에 카운트 상태가 변경되도록 하면 되는...  명령어들을 쓰는게 아직은 어색하고 따라해야하는 실정이지만, 계속 하다보면 언젠가는 익숙해지겠지... +++MinusButton.jsx import React from 'react'; import { StyleSheet, View, Text, TouchableOpacity } from 'react-native'; export default function MinusButton({ Minus }) { return ( <TouchableOpacity onPress={Minus} style={styles.container}> <Text> Minus </Text> </TouchableOpacity> ); } const styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', backgroundColor: 'green', width: 50, height: 50, }, }); +++PlusButton.jsx import React from 'react'; import { StyleSheet, View, Text, TouchableOpacity } from 'react-native'; export default functio...

[My Honey Life]건강정보 저장 앱(Save health information)

이미지
스파르타코딩클럽 앱개발종합반 5주 수강하면서 만들어본 건강정보 저장 앱 My Honey Life~! 강의에서 다룬 꿀팁저장앱을 나만의 스타일로 바꿔보았다. 사실 'data.json'과 버튼 색깔, 제목 정도 바꾼 것인데, 코딩초보인 나에게는 이것도 참으로 어려운 과정이었다. :)  좀더 많은 기능들을 넣고 싶었지만 여기까지가 끝인가보오..ㅎㅎ 넣고싶었던 다른 기능들은 앱개발플러스 강의를 통해 구현해보기로 하고, 완성된 앱에 관한 몇가지 이야기를 하고자 한다. 1. 앱 구동화면 :  2. 취지&설명 : 건강에 관한 여러가지 정보들을 볼 수 있고, 관심있는 정보는 저장소에 저장해두었다가 다시 볼 수 있도록 만든 앱이다. 소화계, 순환계, 호흡계, 신경계에 관한 정보들을 볼 수 있다. 각 카테고리 버튼을 눌러서 그 분야에 대한 정보들을 볼 수 있고, 전체보기 버튼에서는 모든 카테고리의 정보를 볼 수 있다. 건강정보를 그리 많이 만들지 않아서 스토어에 올리는건 사용자들에게 좀 미안한 마음이 들어서.. 일단 블로그에만 올리기로 했는데, 자료가 풍부해지면 출시할지도 모르겠다.  3. 기술설명 : 리엑트 네이티브 & Expo를 이용하여 만든 앱 4. 어려웠던 점 & 극복방법 :  코딩초보가 따라하기만 하다보니.. 이해보다는 잘 돌아가기에 집중을 했다. 앱이 완성되었는데도 아직 이해는 못하고 있고.. 극복방법은 강의중에 제공받은 강의노트와 코드스니펫, 강의를 반복해서 돌려보면서 잘 안되는 부분을 확인하고, 그래도 잘 안되는 부분은 슬랙을 통해 질문하거나 FAQ로 해결하곤 했다. 지나고보니 이 모든 과정들이 코딩이라는... 이것이 바로 코딩이구나.. 5. 코딩 첫걸음 후기 : 무작정 따라하기에 급급했던 초반에는 '나한테 코딩이 안맞는걸까' 라는 생각이 들 정도였다. 당최 무슨 소린지도 모르겠고, 공식문서는 봐도 멍-해지고. 근데 하루하루 지날수록 앱이 모습을 갖춰가고 완성되는 걸 보니 '아, 이게 코딩이구나...