본문 바로가기

react

React Hooks React v16.8에 React Hooks라는 기능이 추가가 되었다. 이 기능은 기존 state 기능을 Functional component에서도 가져다 사용할 수 있는 기능이다.기본 사용법은 아래와 같다.import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me );}기존에 이와같은 기능을 구현하려면 class component를 만들어 해당 클래스 내의 stat.. 더보기
Using environment variables in the .env file in reactjs .env fileREACT_APP_NODE_ENV=REACT_APP_GOOGLE_KEY= index.jsimport dotenv from "dotenv";dotenv.config();...const { REACT_APP_NODE_ENV, REACT_APP_GOOGLE_KEY } = process.env;... You can use dotenv module with REACT_APP_ prefix.. 더보기
Spec 개인 프로젝트를 진행해 보자고 결심하였으며, 거기에 맞춰 첫번째 어플을 개발하고 나서그 개발기를 작성해보고자 이 블로그를 시작하게 되었다. - 어플명 : 픽무비(PickMovie)- 기능 1. 일별 국내 박스오피스 순위를 추출하여 해당 순위를 보여줌. (2003년 11월 11일 ~ 이후) 2. 하루에 하나씩 영화를 추천해 줌. (추천 기준은 랜덤한 날짜를 찍어 그 날짜에 3위 안에 들어간 영화중 평점이 8점 이상인 영화) 3. 영화 장르별 검색 기능 제공. 4. 영화 제목으로 검색 기능 제공. 5. 출연한 배우별 검색 기능 제공. 6. 각 검색에 모두 정렬 기능을 제공. 7. 영화 선택시 네이버 영화 상세 페이지 제공. 8. 어플 하단에 AdMob 추가하기. (수익모델) - 시스템 스펙서버는 linode.. 더보기