react-native3

• React Native : Expo에서 환경변수 문제 발생 React Native : Weather App목표 2개  ☝🏻 핸드폰에서 권한 허락해서 현재 Location 정보 받아오기✌🏻 Location 정보 이용해서 날씨 API 요청하기        1. create-expo-app으로 프로젝트 생성   2. 루트폴더에 .env 파일 만들cest-sunny.tistory.com어제 올린 포스팅대로 코드 실행하니까 정상적으로 작동해서 모든 게 문제 없을 줄 알았는데 사실 env파일에 적힌 내 API KEY를 제대로 인식해서 데이터 받아오고 있는 게 아니라.. OpenWeather가 API 키 없이도 그냥 동작하게 해주고 있음을 알았다.   GPT에 물어봐서 babel.config.js도 만들어보고 별의별 난리를 쳤지만 해결할 수 없었다. 이유는 I.. HANCOM AI ACAMEMY/수업 및 플젝 2025. 3. 13.

• React Native : API 요청 목표 2개  ☝🏻 핸드폰에서 권한 허락해서 현재 Location 정보 받아오기✌🏻 Location 정보 이용해서 날씨 API 요청하기        1. create-expo-app으로 프로젝트 생성   2. 루트폴더에 .env 파일 만들어서 OpenWeather에서 발급 받은 내 api key 저장 import { OPENWEATHER_API_KEY } from "@env";민감한 정보는 이렇게 해서 저장한다고 함. 이렇게 하고 .gitignore에 env 써놓으면 git에 안 올라감 wow(이렇게 하면 안됨. 다음 포스팅 참고)   3. 루트폴더에 App.js 파일 만들어서 코드 작성import * as Location from "expo-location";이렇게 해야 내 핸드폰에서 위치를 가져오는.. HANCOM AI ACAMEMY/수업 및 플젝 2025. 3. 12.

• React Native : 3월 10일 제목엔 리액트 네이티브라 적었지만 사실상 리액트 복습 React & React Native 라이프 사이클 - class를 쓸 땐 하나하나 라이프 사이클을 선언해었는데 hook은 그런 거 없어도 됨- 그래서 내부에서 어떻게 작동되는지 알기 어려워짐- hook보단 class로 짠 코드가 라이프 사이클을 이해하는 데에 더 도움이 될 수 있다 (그렇다고 그걸로 코드를 짜라는 건 아님) React 클래스 컴포넌트에서 제공하는 내장 메서드shouldComponentUpdate, componentDidUpdate, constructor, render 등 마운트와 상태 업데이트의 차이 마운트- Mount는 컴포넌트가 처음 생성되어 화면에 나타나는 과정 (처음 한 번만 실행됨)- 리액트에서는 컴포넌트가 처음 렌더링될 때.. HANCOM AI ACAMEMY/수업 및 플젝 2025. 3. 10.