본문 바로가기

Lect & Tip/node, Angular, React12

리액트 데이트피커 포맷 api axios error문제 react datepicker date format axios not working 리액트에서는 jquery용 데이트 피커를 사용할 수 없다. 아니 사실 리액트용 데이트피커인 react datepicker가 훨씬 깔끔하게 사용되기 때문에 굳이 제이쿼리 데이트 피커를 붙여야 할 필요가 없다. 사실 아직 리액트가 초짜라 react datepicker를 온전히 다루지는 못하고 있기 때문에 정석으로 설정하는 방법은 사실 나도 잘 모르겠다. 일단, 신규 프로젝트에서 datepicker를 사용할 일이 있어서 설치했다. yarn add react-datepicker 혹은 npm i react-datepicker 로 설치 하면 되겠다. 그런데 문제는 이렇게 설치하고 import DatePicker from "react-datepicker"; 했을 경우 스타일 깨짐 문제가 발생했다. 이유는 모르겠지만 .. 2021. 5. 20.

여러가지 리액트 멀티 레이아웃 connected-react-router multi layout 적용하기 리액트를 별로 좋아하지 않는 1인이다. 그런데 어쩔 수 없이 리액트 플젝을 해야 해서 퍼블리셔 겸 프런트 엔드로 참여 중이다. jquery라면 단박에 끝낼 문제에 고민하지 않아도 될 문제들이 리액트에는 넘쳐난다. 왜 쓰는지는 여전히 모르겠지만 까라니까 깐다. 일단 SPA 사이트에서 리액트가 편한 것은 대충 짐작은 된다. 그런데 SPA사이트라고는 해도, 한 사이트에 서로 다른 레이아웃이 여럿 사용해야 되는 경우가 많다. 단적으로 GNB, LNB가 없는 Intro페이지, Login페이지 그리고 사용자 화면과 다른 관리자 화면의 레이아웃은 서로 다를 수 있다. 아니 다를 수 있는 정도가 아니라 대체로 다르다. 그럴 때 리액트 여러 가지 레이아웃 적용하는 방법은 꽤 다양하지만 직관적이고 쉬운 방법을 소개하겠다... 2021. 2. 10.

React Js - Global CSS 설정 + styled reset. classNames/bind :global local css 동시 적용 react module.css :global local css 동시 적용하는 방법. classNames/bind를 사용하고 있을 때 className={cx("label","labelTst")} .labelTst는 app.module.css에 등록. React Js - Global CSS 설정 + styled reset css 초기화를 위해 styled-reset 설치 styled-components는 local로 동작하기 때문에 global 한 css를 만들기 위해 GlobalStyles.js 생성 설치 NPM설치 : npm install styled-reset styled-components 얀 살치: yarn add styled-reset styled-components 사용 Components/G.. 2021. 1. 14.

✈ 윈도우즈에서 angular js choco install yarn 설치 / 실행 하기 위한 환경 갖추기 에러해결 with vscode 앵귤러js는 최근 프론트엔드 개발자들에게 가장 각광받는 프레임워크이다.jquery가 라이브러리라면 angular js는 프레임워크다.A부터Z까지 책임지는 JS생태계라는 뜻이다.이 글에서는 angular js 설치하기와 앵귤러JS실행하기 위한 환경을 갖추는 것에 대해서 다룬다.필자는 퍼블리셔 출신이라 리눅스니, macOS는 귀찮다.따라서 윈도우즈 환경에서 앵귤러JS설치하기와 angular js 실행하기 위한 환경을 다룬다.IDE로는 비주얼 스튜디오 코드(vscode)를 기본으로 설명하겠다.IDE란 이클립스나 에디트플러스 같은 에디터 툴이라고 생각하면 되겠다. (하지만 보다 강력한?)https://code.visualstudio.com/노트북에는 이클립스가 설치되어 있지만 데스크탑에는 이클립스를 깔아 놓지 .. 2020. 9. 5.

🛫 npm install --save classlist.js 클래스리스트.js Microsoft Windows [Version 10.0.17134.345] (c) 2018 Microsoft Corporation. All rights reserved.C:\Work\2nd-round>yarn start:client:hmr yarn run v1.12.3 $ ng serve --configuration hmr NOTICE: Hot Module Replacement (HMR) is enabled for the dev server. ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2019-01-25T00:02:40.756Z Ha.. 2019. 2. 28.

linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use 🛫 VScode를 사용하다보면, 간혹 Starting inspector on 127.0.0.1:9229 failed: address already in use 에러가 뜰 때가 있다. 이미 사용하던 서버 태스크가 정상적으로 클로즈 되지 않아서 주로 발생하는데... 이걸 해결하려면 프로세스가 자동으로 죽을 때까지 기다리곤 했다. 리눅스에서는 killall node 명령어로 해결이 되지만, 윈도우에 대응하는 명령어를 몰랐다. 결론을 말하자면 대응 명령어는 taskkill 이다. 이미 잘 죽지 않는 프로세스가 살아서 포트를 사용하고 있기 때문에 그냥 taskkill만 써선 안되고 /f 옵션을 같이 써서 강제 종료해야 한다. C:\Work\2nd-round>taskkill /im node.exe 오류: 프로세스 .. 2019. 2. 26.

이전 1 2 다음

티스토리툴바