자, 이제 로그인을 해보자frontendLogin.jsimport React, {useEffect, useState} from "react";import {StyleSheet, Text, View, TextInput, Image, Button} from 'react-native';import axios from "axios";function Login({navigation}) { const [userId, onChangeUserId] = React.useState(''); const [pw, onChangePw] = React.useState(''); const baseUrl = "http://localhost:8080/"; const handleKeyPress = e => { //..
개발일기/Project
우선 기능만 구현했기 때문에 매우 못생김 주의Frontend 우선 Join.js 파일을 만들어주고 App.js 파일에서 관련 부분을 추가해 준다.//App.jsimport Join from "./src/Join";function App(){ ..... .....} Join.jsimport React, {useEffect} from "react";import {Button, StyleSheet, Text, TextInput, View} from "react-native";import axios from "axios";import {AdapterDayjs} from "@mui/x-date-pickers/AdapterDayjs";import {LocalizationProvider} from ..
이 글은 원래 4번이었는데..... 임시저장해 두고 업로드를 까먹었다.... 내용 보충도 하려고 했는데.... 나중에 보충해야겠다... https://github.com/wix/react-native-calendars GitHub - wix/react-native-calendars: React Native Calendar Components 🗓️ 📆React Native Calendar Components 🗓️ 📆 . Contribute to wix/react-native-calendars development by creating an account on GitHub.github.com https://dingcodingco.tistory.com/3 캘린더 띄우기(expo Calendar)Exp..
우선 프론트부터나는 axios로 통신할 거라서 이거부터 설치.npm install axios 우선 간단하게 백엔드에서 데이터 가져오는 테스트부터 해봐야겠다.화면이 로딩되면서 데이터 가져오고 싶어서import axios from "axios";function Login({navigation}) { const [data, setData] = useState(''); useEffect(() => { // 컴포넌트가 마운트 될 때 실행 axios.get("http://localhost:8080/login/test") .then((res) => { console.log("data : ", res.data) setDat..
1. MongoDB Compass에서 새로운 데이터베이스를 하나 만들어준다.Database Name과 Collection Name 입력해 주고Create Database 클릭 2. Spring boot 프로젝트 생성자바 버전 8을 사용하고 있는데..... Spring boot 프로젝트를 생성하려고 보니.... 자바 버전 17, 21, 22 밖에 지원이 안 되네....그래서 17 버전을 하나 더 설치해 줬고 여러 버전을 왔다 갔다 하면서 사용할 수 있게 설정해 줬다.더보기환경 변수 설정 창 → 시스템 변수의 새로 만들기→ 변수 이름 : JAVA_HOME, 변수 값 : 다운 받은 JDK 경로(ex - C:\Program Files\Java\jdk1.8.0_191) → 확인→ 시스템 변수의 path 편집 → ..
1. <a href="https://www.mongodb.com/ko-kr/lp/cloud/atlas/try4?utm_source=google&utm_campaign=search_gs_pl_evergreen_atlas_core_prosp-brand_gic-null_apac-kr_ps-all_desktop_kor_lead&utm_term=%EB%AA%BD%EA%B3%A0%EB%94%94%EB%B9%84&utm_medium=cpc_paid_search&utm_ad=p&utm_ad_campaign_id=20378068775&adgroup=154980292201&cq_cmp=20378068775&gad_source=1" target="_blank" rel="noope..
아니 버튼 사이즈를 크게 해주고 싶은데 태그에 스타일 넣어줘도 안되고 뭐를 써도 안됨... 왜 안 되는 거지... 그래서 버튼 태그를 뷰 태그로 감싸주고 스타일 넣어줘서 해결 이제 페이지 이동 흠... 블로그 찾아보니까 추가로 설치해 줘야 하는 게 많네...? 다들 뭔 기능들인거지...? npm install @react-navigation/native npm install @react-navigation/stack expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view 블로그마다 조금씩..
1. node.js 설치 https://nodejs.org/en 2. 프로젝트를 진행할 폴더 생성 3. 터미널 창에서 해당 폴더로 이동 4. expo-cli 설치 npm install expo-cli 음.... 4번 과정을 건너뛰고 바로 5번을 입력해도 프로젝트가 잘 생성된다...? https://reactnative.dev/docs/environment-setup 리액트네이티브 공식 문서에는 5번 과정만 나와있긴함 더보기 4번 과정을 진행하고 만든 프로젝트에서는 node_modules, package.json, package-lock.json 등이 2개씩 생성되었고 태그 삽입시 이미지 크기 지정을 안해주면 이미지가 나타나지 않았음. 4번 과정을 생략하고 만든 프로젝트에서는 이미지 크기를 지정해주지 않아..
