전체 글409 [ 스파르타 / TIL ] 내일배움캠프 #53 오늘 한 것 회원가입, 로그인 구현 2023. 1. 11. [ 스파르타 / TIL ] 내일배움캠프 #52 오늘 한 것 React Native 프로젝트 계속 진행 Express 사용해서 SQL 데이터 추가 및 출력하기 오늘의 배움 에러 Invariant Violation: Text strings must be rendered within a component 해결: 버튼은 로 감싸 주고 안에 text는 로 써줘야 한다. React Native 탭에서 특정 화면 보이지 않게 하기 로그인이 되어있지 않은 상태에서 하단 탭들은 눌러지지만 MyPage에서는 로그인하시겠습니까를 구현하면서 어떻게 코드를 써야 할지 고민이 되었다. 로그인을 하지 않았을 때 MyPage를 터치하면 alert가 뜨게 해 줬다. 리액트 네이티브에서 제공해주는 Alert를 사용했다. import { Alert } from 'react-nativ.. 2023. 1. 10. [ 스파르타 / TIL ] 내일배움캠프 #51 오늘 한 것 React Query 강의 및 설치 해보기 React Native에서 navigation 구현 오늘의 배움 React Query Query - 어떤 데이터에 대한 요청 Mutation - 데이터 추가, 수정, 삭제 Quary Invalidation - Query를 무효화 시킨다. React Query 설치 2023. 1. 9. [ WIL ] 내일배움캠프 10주차 Facts 유저가 회원가입을 했을 때 db에 데이터를 저장할 때 어떤 것들을 함께 저장할지 잘 생각하고 구조를 짜야한다. Feelings SaveDuck 프로젝트의 마감날짜는 지났지만 팀원들의 열정으로 일주일 동안 우리가 만든 프로젝트를 개선시켜보았다. 그리고 튜터님께 피드백을 받았는데 UI/UX는 정말 끊임없이 생각해야 한다는 걸 느꼈다. 우리가 생각지 못한 부분들을 튜터님께서 조언을 해주셨고 덕분에 더 신경 쓰고 발전시켜야 할 부분들을 알게 되었다. 피드백이 끝난 후 다시 찝찝함이 남았고 팀원들도 계속 수정해나갈 의향이 있다고 했다. 앞으로 React Native로 또 다른 프로젝트가 시작되어서 이 프로젝트가 마무리되면 다시 달려보기 했다. 열정 넘치는 팀원들 덕분에 나도 더 열심히 달릴 수 있어서 .. 2023. 1. 8. [ 스파르타 / TIL ] 내일배움캠프 #50 오늘 한 것 DongNaeBook 프로젝트 구상 및 UI 디자인 구상 오늘의 배움 프로젝트에 react-query 설치 방법 npm install react-query Create qury client (쿼리 클라이언트) 쿼리와 서버의 데이터 개시를 관리하는 클라이언트이다. 자녀 컴포넌트에 캐시와 클라이언트 구성을 제공할 QueryProvide를 적용해야 한다. 서버에서 데이터를 가져오기 위해 useQuery 훅을 실행해야 한다. useQuery - Data를 Get 하기 위한 기능이다. 서버에서 데이터를 가져오는 훅이다. 리액트 쿼리 프로젝트에 적용하기 import {QueryClient, QueryClientProvider} from "react-query"; client가 있으니 이제 provide.. 2023. 1. 6. [ 스파르타 / TIL ] 내일배움캠프 #49 오늘 한 것 알고리즘 문제 풀기 React Navigator 구현 SAVEDUCK 프로젝트 오늘의 배움 Linear Gradient npm install react-native-linear-gradient --save Stack Navigator 설치 npm install @react-navigation/native-stack 앞뒤로 이동 import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createNativeStac.. 2023. 1. 5. [ 스파르타 / TIL ] 내일배움캠프 #48 오늘 한 것 알고리즘 문제 풀기 React Native로 미니 프로젝트 시작 오늘의 배움 맥에 IOS 시뮬레이터 돌리기 원래 Expo go에서 React Native코드를 실행해서 아이폰 화면에 출력해서 사용해왔는데 공용 와이파이를 연결하니 Expo Go가 실행이 되지 않아 Xcode에서 Simulator을 사용하여 IOS를 맥에서 실행시켜보았다. Xcode 설치 https://apps.apple.com/kr/app/xcode/id497799835?mt=12 에러 메시지 Unable to resolve "@react-navigation/native" from "App.js” 해결 npm install @react-navigation/native-stack 2023. 1. 4. [ 스파르타 / TIL ] 내일배움캠프 #47 오늘 한 것 알고리즘 문제 풀기 React Native Expo로 프로젝트 만들기 오늘의 배움 React Native Expo로 프로젝트 만들기 1. 터미널에 아래 명령어를 입력해 설치를 해준다. npx create-expo-app RateMovie cd RateMovie 2. EAC에 프로젝트 만들기 eas update:configure 아래와 같은 문구가 뜬다면 Y1 ? Would you like to automatically create an EAS project for ***/RateMovie? › (Y/n) https://expo.dev/에 가면 프로젝트가 생성되어있다. 3. 배포 명령어 eas update React Navigation https://reactnavigation.org/ Rea.. 2023. 1. 4. [ 스파르타 / Web ] 웹개발 종합반 5주차_#1 AWS에 EC2 설정하기 먼저 아래의 링크를 통해 AWS에 회원가입 및 로그인을 해준다. https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 1. 로그인 후 왼쪽에 인스턴스 클릭! 2. 인스턴스 시작 클릭 3. ubuntu 석택, Ubuntu Server 22.04 선택, 64비트(x86) 선택, 마지막에 인스턴스 시작 클릭 키 페어 생성 기본으로 설정되어있는 거 그대로 키 패어 생성을 누른다. 인스턴스를 만들고 조금 기다리면 인스턴스 상태가 아래와 같이 실행 중으로 변한다. 이때 인스턴스 중지는 컴퓨터를 끈 것이다. 인스턴스 종료는 컴퓨터를 반납.. 2023. 1. 3. 이전 1 ··· 8 9 10 11 12 13 14 ··· 46 다음 728x90
