F개발자의 에러로그

- git 에서 더 편하게 보기: https://github.com/uu29/TIL/blob/main/%5BNextjs%5Di18n%20%EA%B5%AD%EC%A0%9C%ED%99%94%EB%AA%A8%EB%93%88%20%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 사이트에 영문화가 필요할 때 i18n 국제화모듈을 많이들 사용하는데, 설정해주는게 여간 까다로운게 아니다 그러나 넥스트 사용자들에게는 기쁜 소식이 있다. Next.js 10 버전부터 i18n 을 내장모듈로 지원하기 시작하면서 다이나믹 라우팅을 통해 사용할 수 ..

- 깃허브 레포지토리: https://github.com/uu29/lazy-ant uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com - 깃허브에서 더 깔끔하게 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20react-native%20axios%2C%20saga%2C%20redux.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 지난 시간에 사가, 리덕스를 세팅했다. 이번에는 사가에서 axios 로 api 를 호출한 뒤..

내가 기획한 첫번째 화면은 이렇다. 사용자가 관심종목에 추가한 종목들이 리스트형태로 보여지는 것. UI 는 토스를 많이 참조했다. 데이터를 불러오기 위해 키움 Open API, 대신증권 API 등 몇개를 찾아봤는데 다 증권사 계좌로 로그인해야 하는 것이어서, 그보다 접근성이 좋은 야후 Finance API 를 택했다. [야후 Finance API - Rapid API]  https://rapidapi.com/apidojo/api/y..

가독성 좋은 깃에서 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20ScrollView%2C%20FlatList.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 웹에서는 콘텐츠가 브라우저 높이보다 길어지면 자연스럽게 스크롤바가 생기면서 콘텐츠 높이만큼 가 길어진다. 그러나 리액트네이티브에서는 그게 당연한게 아니다. 따로 스크롤이 가능하게 하는 컴포넌트를 추가해줘야 하는데, 와 두 개가 있다. [ScrollView] 스크롤뷰는 로딩이 시작될 때 부터 스크린 밖의 컴포넌트까지 한꺼번에 렌더링한다. 화면을 벗어난 영역에 있는 컴포넌트까지 그린다는 것..

가독성 훨씬 좋은 깃으로 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20react-redux%2C%20saga.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 예시 코드 저장소: https://github.com/uu29/lazy-ant uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com 리액트네이티브 앱의 State 관리용으로 익숙한 리덕스와 사가 미들웨어를 쓰기로 했다. (이제까지는 Nextjs 와 함께 사용해서 쉽..

가독성이 훨씬 좋은 git 에서 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20Navigation.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 깃허브 레포지토리: github.com/uu29/lazy-ant.git uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com 기본 패키지: yarn add react-navigation 리액트 네이티브 앱의 대표적인 메뉴 UI 인 상단 헤더, 하단 탭메뉴, 햄버거 메뉴(슬라이드..

SVG 이미지를 아이콘 폰트로 사용하는 가장 흔한 방법은 react-native-vector-icons 을 사용하는 것이다. https://medium.com/@vimniky/how-to-use-vector-icons-in-your-react-native-project-8212ac6a8f06 How to use vector icons in your react-native project Want to use vector icons in your reactive project ? There are a project right for your : react-native-vector-icons . This project is… medium.com 1. 설치 `npm install --save react-nati..

보통 자바스크립트에서는 fetch를 사용하여 데이터를 가져오지만 fetch보다 더 좋은 것이 axios다. 리액트, 뷰와 같은 프레임 워크 안에서 쓰기 딱 좋다. 오늘 강의는 axios를 쓰기 위한 기본 세팅법을 배웠다. 우선 엑시오스(또는 에이시오스) 설치부터 해야 1. npm i axios 2. import axios from "axios"; [코드 샘플] import React from 'react'; import axios from 'axios'; class App extends React.Component{ state = { isLoading: true, movies: [] }; getMovies = async() => { const movies = await axios.get('https://..

파이썬 가상환경 만들고 실행하는 명령어 conda activate (가상환경 이름) 근데 자꾸 conda init 어쩌구를 하라 그래서 conda init bash를 하면 다시 안됨. 몇번 검색해보니 source ~/anaconda3/etc/profile.d/conda.sh 이걸 치면 된다고 한다. 그리고 다시 가상환경 실행하니 바로 들어가진다. 해결 ㅋㅋ + No module named flask_oauth > pip install flask-oauth >> ~~~unknown encoding: cp65001 대충 인코딩을 못한다는 뜻.. 당황하지 말고 가상환경이 설치된 경로에서 Lib>encodings>aliases.py 파일을 열자. 주석 걸린 것 중에 # uft_8 codec쪽을 찾아서 'cp65..

리액트에서는 하나의 앱은 하나의 컴포넌트밖에 렌더링할 수 없다. 무슨 말이냐하면 ReactDOM.render(, document.getElementById('root')); 이런식으로 App, Potato라는 컴포넌트를 동시에 렌더링할 수 없다는 말이다. 그러면 어떻게 하냐 App.js라는 컴포넌트에 Potato까지 넣어서 한꺼번에 렌더링하면 된다. Potato.js import React from 'react'; function Potato() { return I love Potato; } export default Potato; App.js import React from 'react'; import Potato from './Potato'; function App() { return ( Hello!..