오병문

오병문

  • 분류 전체보기 (124)
    • ETC (24)
    • BlockChain (7)
    • Solidity (2)
    • Web Socket (1)
    • JS (17)
    • React (22)
    • React Native (4)
    • CSS (2)
    • Data Structure (2)
    • DB (1)
    • Linux (5)
    • AWS (10)
    • TS (3)
    • Laravel (7)
    • Nginx (4)
    • Git (2)
    • NextJS (5)
    • NestJS (1)
    • NodeJS (1)
    • Go (1)
    • WebView (1)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

오병문

컨텐츠 검색

태그

의존성 모듈 react-native-vision-camera .csv react native safe area 웹 폰트 경량화 nft 의존성 삭제 React Hooks 노치 디자인 대응 nextjs 동적 import 상태관리 API google map circle WebView와 웹 통신 WebView를 사용하여 웹 콘텐츠에 GPS 위치 웹뷰 카메라 호출 자료구조 nextjs google map 서브셋 폰트 JS 연산자

최근글

댓글

공지사항

아카이브

상태관리(2)

  • useEffect 사용하기

    useEffect 를 사용 할 때에는 첫번째 파라미터에는 함수, 두번째 파라미터에는 의존값이 들어있는 배열 (deps)을 넣습니다. 만약에 deps 배열을 비우게 된다면, 컴포넌트가 처음 나타날때에만 useEffect 에 등록한 함수가 호출됩니다. useEffect(() => { console.log('처음 렌더링시에만 실행됨!!') }, []); 아래 예제와 같이 버튼을 클릭했을때 number의 값이 변화가 생길때에도 실행되게 해보겠습니다. import React, { useEffect, useState } from 'react'; const App = () => { const [number, setNumber] = useState(0); const increase = () => { setNumber(..

    2021.06.03
  • useState 사용하기

    react hooks중 하나인 상태 관리 useState 사용하기 import React, { useState } from 'react'; const App = () => { const [number, setNumber] = useState(0); const increase = () => { setNumber(number+1); } const decrease = () => { setNumber(number-1); } return ( {number} +1 -1 ) } export default App

    2021.06.03
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바