목록분류 전체보기 (59)
개발자를 향해...
본 글은 노마드코더 님의 [초보자를 위한 리덕스 101]을 수강하며 작성하였습니다. #0.1 🚨 Read this First 🚨 - #0.2 Introduction 강의에서는 Redux를 vanilla js와 배우고 그 다음에는 react와 함께 배울 것이다. #0.3 Requirement Redux를 사용하는 이유와 왜 만들어졌는지, 우리의 어플리케이션을 어떻게 향상시키는지 알아볼 것이다. 강의에서는 React, git, chrome, vscode를 가지고 있어야한다. #0.4 Project Setup 깃헙에 들어가서 레포지토리를 하나 생성하자. 그리고 터미널을 켜고 원하는 위치에 들어가서 npx create-react-app vanilla-redux를 입력한다. 파일로 들어가서 src폴더에서 inde..
이 글은 노마드 코더 님의 [ React Native로 날씨앱 만들기 ] 를 수강하며 작성하였습니다. React Native로 날씨앱 만들기 - 노마드 코더 Nomad Coders React Native Fundamentals nomadcoders.co #2.3 Background Gradient 배경에 그라디언트 효과를 주자. expo install expo-linear-gradient 로 다운로드 해준다. 그리고 Weather.js 상단에 import 해준다. import { LinearGradient } from 'expo-linear-gradient'; linearGradient는 view와 같은 역할이기 때문에 style에 container를 지정해주고 기존의 가장 상단의 view는 지워주자. ..
이 글은 노마드 코더 님의 [ React Native로 날씨앱 만들기 ] 를 수강하며 작성하였습니다. React Native로 날씨앱 만들기 - 노마드 코더 Nomad Coders React Native Fundamentals nomadcoders.co #2.0 Displaying Temperature weather api 문서를 살펴보면 값을 섭씨와 화씨 모두로 가져올 수 있다. 우리는 섭씨를 사용하기 때문에 섭씨 정보를 가져와야한다. api 주소 부분의 뒤에 아래와 같이 &units=metric을 추가하면 섭씨 정보를 출력할 수 있다. const { data } = await axios.get(`http://api.openweathermap.org/data/2.5/weather?lat=${latitu..
이 글은 노마드 코더 님의 [ React Native로 날씨앱 만들기 ] 를 수강하며 작성하였습니다. #1.3 Asking for Permissions 권한 허용을 위해 try catch 문에 권한 허용을 받은 뒤 콘솔에 출력해보자. import React from "react"; import { Alert } from "react-native"; import Loading from "./Loading"; import * as Location from "expo-location"; export default class extends React.Component { getLocation = async () => { //console.log("here!!!!!") try{ const response=awai..