나의 성장 그림 Front(12.27)

나의 성장 그림 Front(12.27) 나의 성장 그림 Front 12월 일 작업 일지 오늘 시행 작업 : React 에 canvas 를 연동하는 방법에 대해서 공부하고 실습했다. useRef 를 이용해 canvas 와 canvas context

Closure로 useEffect hook 구현

Closure로 useEffect hook 구현 const React = (function() { // 변경 let hooks = []; let idx = 0; function useState(initVal) { // 변경 const _idx = id

컴포넌트 - 7. 컴포넌트에서의 콜백 함수

컴포넌트 - 7. 컴포넌트에서의 콜백 함수 728x90 https://mingmeng030.tistory.com/216?category=1025066 앞선 위 게시물에서 상위 컴포넌트가 하위 컴포넌트에 property를 전달할 수 있음을 설명했다

[React] Redux

[React] Redux 설치 $ npm i redux react-redux redux-promise redux-thunk --sava redux-promise : redux state 에 promise 형태의 값을 받을 수 있게해줌 redux-

컴포넌트 - 6.클래스형 컴포넌트와 함수형 컴포넌트

컴포넌트 - 6.클래스형 컴포넌트와 함수형 컴포넌트 728x90 react 컴포넌트 선언하는 방식에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 그렇다면 두 방식의 차이점은 무엇일까? 1. 선언 방식 클래스형 컴포넌트 import Reac

css 작성방법 / OOCSS(Object Oriented CSS) , BEM

css 작성방법 / OOCSS(Object Oriented CSS) , BEM css 코드를 짜다보면 필요없는 중복을 많이 하게 됩니다. 그리고 코드가 길어질 경우에 엉망이 됩니다. 그런 경우에 OOCSS(Object Oriented CSS) 방식

AsyncStorage를 사용하여 token 저장

AsyncStorage를 사용하여 token 저장 토큰 스터디 화이팅 구글 로그인 구현을 iOS, Android 모두 완료했다. 구글 로그인을 마치는 순간, 구글 서버로부터 유저 정보와 토큰이 날라올 것이고, 우리는 여기서 필요한 정보를 저장하여

실전 프로젝트 → 푸쉬 알람 여부 기능 구현 / API 수정

실전 프로젝트 → 푸쉬 알람 여부 기능 구현 / API 수정 // src/pages/PushNoticationPop.js // 푸시 알림 팝업 페이지 import React from "react"; import Modal from "react-moda

리액트에서 Modal 기능 사용하기

리액트에서 Modal 기능 사용하기 - 패키지 설치 $ npm install react-modal $ yarn add react-modal - 기본 설정 // App.js import React from "react"; import Modal f

use another VirtualizedList - backed contained instead. | React Native

use another VirtualizedList - backed contained instead. | React Native ScrollView 안에 FlatList나 ScrollView를 사용해서 발생한 오류이다. 우선 기본적으로 FlatList