공부기록 (139) 썸네일형 리스트형 공부기록, 2021-08-18(html 썸네일) - html 썸네일 ``` ``` 공부기록, 2021-08-17(html 텍스트 이미지 변환) - html 텍스트 이미지변환 ``` $text = " some title Here goes content "; $padding = 10; #10px $fsize = 12; #font size 12 pixels $ttf ="./Tahoma.ttf"; #path to windows ttf font file $size = imagettfbbox($fsize, 0, $ttf, $text); $xsize = abs($size[0]) + abs($size[2])+($padding*2); $ysize = abs($size[5]) + abs($size[1])+($padding*2); $image = imagecreate($xsize, $ysize); $white = imagecolorallocate ($image, .. 공부기록, 2021-08-13(recoil callback) - recoil callback ``` import {atom, useRecoilCallback} from 'recoil'; const itemsInCart = atom({ key: 'itemsInCart', default: 0, }); function CartInfoDebug() { const logCartItems = useRecoilCallback(({snapshot}) => async () => { const numItemsInCart = await snapshot.getPromise(itemsInCart); console.log('Items in cart: ', numItemsInCart); }); return ( Log Cart Items ); } ``` 공부기록, 2021-08-12(recoil persist 2.x.x) import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import { RecoilRoot } from "recoil"; import { recoilPersist } from 'recoil-persist' // import stay the same const { - RecoilPersist, - updateState + persistAtom } = recoilPersist( - ['count'], // no need for specifying atoms keys { key: 'recoil-persist', // configuration stay the same too storage: localStorage .. 공부기록, 2021-07-30(recoil persist) recoil persist ``` import React from 'react' import ReactDOM from 'react-dom' import App from './App' import { atom, RecoilRoot, useRecoilState } from 'recoil' import { recoilPersist } from 'recoil-persist' const { persistAtom } = recoilPersist() const counterState = atom({ key: 'count', default: 0, effects_UNSTABLE: [persistAtom], }) function App() { const [count, setCount] = useRecoilState(cou.. 공부기록, 2021-08-10(react) - react 규칙 - 무조건 닫는 태그가 필요하다. - 여러태그들이 있으면 무조건 감싸주는 태그가 필요하다 - return 할때 ()는 단순 가독성을 위한 것 - style 적용할때 객체를 만들어 사용해야한다 const ## 자주 하는 실수 - 기본기능으로 때우려고함 ## 큐 - 어차피 헷갈리니 자주보고쓰자 ## 내가 모르는 것 - react 규칙 공부기록, 2021-08-09(react localstorage) - localstorage - localStorage.setItem('myCat', 'Tom'); Copy to Clipboard 위에서 추가한 localStorage 항목을 읽는 법은 다음과 같습니다. - const cat = localStorage.getItem('myCat'); Copy to Clipboard 그리고 제거는 아래와 같습니다. - localStorage.removeItem('myCat'); Copy to Clipboard localStorage 항목의 전체 제거 구문입니다. - localStorage.clear(); ## 자주 하는 실수 - 기본기능으로 때우려고함 ## 큐 - 어차피 헷갈리니 자주보고쓰자 ## 내가 모르는 것 - react localstoarge 공부기록, 2021-08-06(react Redux Persist) import { createStore } from 'redux' import { persistStore, persistReducer } from 'redux-persist' import storage from 'redux-persist/lib/storage' // defaults to localStorage for web import rootReducer from './reducers' const persistConfig = { key: 'root', storage, } const persistedReducer = persistReducer(persistConfig, rootReducer) export default () => { let store = createStore(persistedReducer).. 이전 1 ··· 3 4 5 6 7 8 9 ··· 18 다음