프로그래밍(92)
-
탭탭카드놀이) Screens, component 등등
개발 현황은 깃헙을 통해 확인 가능합니다 https://github.com/coqoa/tabtabcard GitHub - coqoa/tabtabcard Contribute to coqoa/tabtabcard development by creating an account on GitHub. github.com 공부하면서 문제 해결하거나 기능 구현한 것들 위주로 작성하는 글입니다 현재 작업중인 파일은 Menu.js와 WordPlay.js, CardDefault.js, wordCardArray.js, colors.js이다 Menu.js 단어놀이 / 수학놀이를 선택하기 위한 메뉴 screen이다 import React from "react"; import styled from "styled-components"..
2022.03.08 -
탭탭카드놀이) 네비게이터 (Navigator)
개발 현황은 깃헙을 통해 확인 가능합니다 https://github.com/coqoa/tabtabcard GitHub - coqoa/tabtabcard Contribute to coqoa/tabtabcard development by creating an account on GitHub. github.com 공부하면서 문제 해결하거나 기능 구현한 것들 위주로 작성하는 글입니다 로직 구상을 하고 내비게이터의 역할을 하는 파일들을 먼저 생성한 뒤 스크린들을 생성하도록 한다 App.js //App.js import React, { useState } from 'react'; import AppLoading from 'expo-app-loading'; import Stack from './app/navigato..
2022.03.07 -
탭탭카드놀이) 로직구상
로직을 눈으로 보기 쉽게 그렸음 굵은글씨는 App.js와 네비게이터들, 회색글씨는 스크린, 보라색글씨는 컴포넌트 현재까지 총 Navigator는 2개 Screen은 2개 구현했고 Screen은 총 5개 개발 예정(Login, Signup, Menu, WordPlay, MathPlay) 1. App.js CRNA를 설치하며 생성된 파일 NavigatorContainer의 역할을 하고 index.js에서 App.js를 import 한다 expo의 라이브러리인 AppLoading을 통해 스플래쉬 스크린을 구현할 예정 2. Stack.js (StackNavigator) Login.js, Signup.js, MenuStack.js의 내비게이터 접속 시 Login.js를 보여주도록 구현 3. Login.js (Sc..
2022.03.04 -
탭탭카드놀이) React Native 프로젝트생성 (CRNA)
create-react-native-app을 이용해서 모바일 앱을 만드는데 모바일 앱은 처음이라 프로젝트를 다시 시작하는 경우가 많아 다시보기편하게 작성하는 글 입니다 1. terminal을 열어서 원하는 디렉토리로 이동한뒤 npx create-react-native-app -> → 앱이름작성하고 default설치 클릭 2. 설치완료후 npm start -> metro서버 켜기, 새터미널을 하나 열어서 npm run ios 깃헙 repository 등록하기 - https://github.com/new - 깃헙 repository 생성, 주소복사 - git remote add origin 복사한주소 - git add . - git commit -m "커밋내용” - git push origin master ..
2022.03.04 -
세번째 프로젝트 기획 - React Native를 이용한 모바일 앱
보호되어 있는 글입니다.
2022.03.03 -
POMOTODO : 신규가입계정 502 bad gateway issue
POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 1. 문제 인식 개인적으로 사용하기 위해 신규가입을 했는데 로그인시 502 bad gateway 이슈발생 기존에 가입되어있던 계정은 문제없이 로그인이 됨 2. 문제 원인 분석 로그인시 db에서 로그인한 계정의 최근 데이터를 불러와서 출력하도록 프로그래밍 되어있는데 데이터가 하나도 없다면 서버에서 에러가 뜨고 응답을 못받으므로 502bad gateway이슈가 발생했던것 3. 문제 해결 회원가입시 공백의 데이터를 db의 컬렉션에 생성하도록 코드를 추가해서 해결했음 4. 관련코드 app.post('/signupResult',function(req, res){ db.collection..
2022.01.24