react4 React : 화면 전환 시 useRef를 이용한 타이머 설정 내 코드에서의 useRef의 쓰임을 드디어 나름 좀 이해했다! [스나이퍼팩토리] 한컴AI아카데미 8주차이번 주를 돌아보겠음. 비록 주말에 펑펑 잔 카르마로 일요일 일찍 잠들지 못해서 월요일 아침부터 쌓인 피로로 내내 헤롱거리긴 했으나 강의실에서만큼은 집중하려고 노력했다(이에 대한 보상cest-sunny.tistory.com여기 내가 학습일지 적다가 정신 나간 기록이 있음 내 코드인데 왜 이해못했냐고 하면.. 지피티씨가 짜준 '내 코드'기 때문 ㅎㅎ 아 지피티가 아니라 claude인가? 둘 중 뭔지 모르겠다 둘이 번갈아 씀ㅎuseRef는 렌더링이 되어도 값을 가지고 있기 때문에 타이머 정보를 가지고 있기에 가장 적절!!in the meantime ... const나 let등은 렌더링이 되면 새로 실행되어서.. 🌐⚙️👩🏻💻/Front-end 2025. 3. 26. 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. 이전 1 다음