profile
개발왕이 될 남자

vscode 자동 수정

2022년 2월 17일
·
0개의 댓글
·

nextjs - redux toolkit

npx create-next-appnpm i @reduxjs/toolkitnpm i react-reduxnpm i next-redux-wrappernpm i redux-logger --save-dev 다른 컴포넌트/모듈 내에서 사용하기 위해 정의한 리듀서와 액션 생성함

2021년 11월 25일
·
0개의 댓글
·

checkbox 상태 관리하기

https://egg-programmer.tistory.com/282

2021년 11월 22일
·
0개의 댓글
·

원격 브렌치 삭제

git push origin --delete feature/TEST-860git branch -d feature/TEST-860git push origin feature/TEST-860

2021년 11월 16일
·
0개의 댓글
·

git config 변경

git config --listgit config --global --unset user.email

2021년 11월 16일
·
0개의 댓글
·

Contenteditable

contenteditable

2021년 11월 10일
·
0개의 댓글
·

Docker

docker container run --privileged -d -p 20021:3306 -e MYSQL_ROOT_PASSWORD=1234 -v /mariadb:/var/lib/mysql --name mariadb_aws mariadbdocker container r

2021년 11월 5일
·
0개의 댓글
·

이터러블인지 검사하기

typeof objSymbol.iterator === 'function'Symbol.iterator in Object(value)

2021년 10월 23일
·
0개의 댓글
·

Tsconfig

{ "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지

2021년 10월 23일
·
0개의 댓글
·

css animation 속성

normal : 기본값입니다. 정해진 순서로 진행합니다.reverse : 반대 순서로 진행합니다.alternate : 정해진 순서로 진행했다가 반대 순서로 진행합니다.alternate-reverse : 반대 순서로 진행했다가 정해진 순서로 진행합니다.initial :

2021년 10월 6일
·
0개의 댓글
·

immer

immer라는 걸 이용해서 무결성을 쉽게 유지시켜주는 고마운 라이브러리produce(state, draft) <== 이런 구조로 호출한다.예시) 상세 내용 코드펜 참조const nextState = produce(state, draft => { const pos

2021년 9월 3일
·
0개의 댓글
·

포트 닫기

Linux / Mac OS 검색의 경우 터미널에서 (sudo) 실행 :$ lsof -i tcp:3000$ kill -9 PIDWindows :netstat -ano | findstr :3000tskill typeyourPIDhere

2021년 9월 3일
·
0개의 댓글
·

클로저

const makeCounter = () => { let num = 0; return function () { return num++; }}let counter = makeCounter();console.log(counter()); //0console.log

2021년 9월 2일
·
0개의 댓글
·

커링

function curry(func) { return function curried(...args) { if (args.length >= func.length) { return func.apply(this, args); } else { r

2021년 9월 2일
·
0개의 댓글
·

NextJS에서 scss 사용하기

$ npm install --save @zeit/next-sass node-sass //npm$ yarn add @zeit/next-sass node-sass //yarn// next.config.jsconst withSass = require('@z

2021년 9월 2일
·
0개의 댓글
·

element.scrollIntoView();

scrollIntoView

2021년 8월 30일
·
0개의 댓글
·

React ContextAPI 사용법

(App.js)export let 재고context = React.createContext();function App(){ let 재고, 재고변경 = useState(10,11,12); return ( <HTML많은곳/> <재고context.P

2021년 8월 29일
·
0개의 댓글
·
post-thumbnail

Node.contains()

ref.current 안에 contains라는 게 아무리 찾아봐도 없어서 뭔가 했더니...Node.contains()라는 javascript 기본 메서드였다...예시) node.contains( otherNode )node => ref.currentotherNode =

2021년 8월 25일
·
0개의 댓글
·
post-thumbnail

고차 컴포넌트(HOC, Higher Order Component)

구체적으로, 고차 컴포넌트는 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수입니다.컴포넌트는 props를 UI로 변환하는 반면에, 고차 컴포넌트는 컴포넌트를 새로운 컴포넌트로 변환합니다.고차 컴포넌트(HOC)는 Redux의 connect와 Relay의 createFrag

2021년 8월 24일
·
0개의 댓글
·