728x90

목록분류 전체보기 (661)

DBILITY

react redux redux-toolkit

내년쯤 다시 볼지 모르니 기록하자. https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit The official, opinionated, batteries-included toolset for efficient Redux development redux-toolkit.js.org redux-toolkit으로 여러가지 해결(?)되었다고 한다. npm install react-redux @reduxjs/toolkit createSlice를 쓰면 name/reducer형태의 action.type을 자동으로 생성해 준다. action의 reducer를 export,사용하는 콤포넌트에선 import 후 dispath하면 된다. 이전 방식 dispath({typ..
front-end & ui/react 2023. 4. 13. 17:47
react styled component

https://styled-components.com/ styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾 styled-components.com 외부에 css,scss를 만들고 id,class로 참조하지 않고, 콤포넌트 내부에서 콤포넌트를 이름을 사용하는 것처럼 지정하는 것이다. 말이 복잡하다. 내부에 있기 때문에 전역적으로 중첩(꼬이는ㅋㅋ)되지 않게 사용할 수 있다. 이게 전부인가? 일단 설치한다. npm install styled-components 콤포넌트내에서 사용할 style을 대충 만들어 본다. import styl..
front-end & ui/react 2023. 4. 12. 10:54
window10 photoshop cs2 설치 및 실행 참고

다운받은 exe를 압축해제 후 Adobe(R) Photoshop(R) CS2경로 안의 Adobe Photoshop CS2.msi로 설치한다. 바로가기를 그냥 클릭하면 실행이 안되니 SHIFT+바로가기 클릭으로 실행하면 된다. 오랜만에 써보는데 단축키를 기억하는 나의 왼손~
카테고리 없음 2023. 4. 6. 14:58
npm webpack 기본 정리

머리에 기록이 안되니, 정리하는 것도 고생이다. 자본주의 천민의 고달픈 삶~ npm은 node package manager다. nodejs는 chrome V8 javascript engine으로 build된 javascript runtime, 실행환경이다. webpack은 javascript module bundler로, html/css/javascript/image/font 등을 하나 또는 여러개로 병합/압축한다. 4.0.0이후로는 설정 파일을 필요로 하지는 않다고 한다. 그러나, 원하는 설정이 있으면 당연히 할 수 있다. webpack.config.js에 기록한다. 당장 필요한 주요 항목은 entry,module,output, [ mode,devtool,resolve ] 등으로 entry는 말 그대로..
front-end & ui/npm 2023. 3. 16. 12:04
react cors proxy

axios로 외부에서 dummy 데이터를 불러와 테스트 중 cors오류가 발생했다. 근 1년만인가? 당연한 일이다. 그런데 생각이 나지 않는다.ㅎㅎ package.json에 proxy를 추가하면 된다. dummyjon에 연결하려면 다음과 같이 "proxy": "https://dummyjson.com" axios에서 호출하는 url에 사이트상의 경로만 지정하면 된다. http-proxy-middleware를 사용해도 된다.
front-end & ui/react 2023. 3. 9. 18:14
Prev 1 ··· 17 18 19 20 21 22 23 ··· 133 Next
728x90