낭만 개발자 고포고

[js/node/react] excel 파일 읽어서 정보 읽어들이기 프로젝트 진행 중 일부 파일을 엑셀로 받아서 입력해야하는데, 번거로울게 뻔해서 기본적인 기능을 정리해두려고한다. #이분이 오픈 프로젝트로 잘 작업 진행해주셨다 출처: https://github.com/catamphetamine/read-excel-file GitHub - catamphetamine/read-excel-file: Read *.xlsx files in a browser or Node.js. Parse to JSON with a strict schema. Read *.xlsx files in a browser or Node.js. Parse to JSON with a strict schema. - GitHub - catamph..

setSate((data) => ({ ...prev, data:data })); 의 의미 #풀소스 import { useState } from "react"; interface UseMutationState { loading: boolean; data?: object; error?: object; } type UseMutationResult = [(data: any) => void, UseMutationState]; export default function useMutation(url: string): UseMutationResult { const [state, setState] = useState({ loading: false, data: undefined, error: undefined, }); f..

[vscode/error]error - Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error Error: Not supported 다음과 같은 오류가 났을경우 node버전의 문제이다,최신버전으로 업데이트 해주면된다. $ sudo npm install -g n $ sudo n stable $ node -v 다음과 같이 스테이블 버전을 설치 후 버전을 확인해주면된다. #error #node #npm #version #update #next.config.js #solution

[nextjs+ts]react hook page loaded 이벤트(useEffect) #windows 개발의 loaded 같은 이벤트 #react의 componentdidmount 와 같은 이벤트 react hook에서는 useEffect 이다 #정의부 첫번째 인자는 콜백함수를 구현하며, 두번째 인자는 영향받을 객체의 배열를 저장한다. 아무것도 넣지않으면, 전체 적용, 빈 배열([])을 넣으면 아무것도 적용하지 않은 것이니 최초의 1번만 실행한다.(loaded개념) function useEffect(effect: EffectCallback, deps?: DependencyList): void; #사용법 - 마지막 인자에 []을 넣음으로써 최초 1번만 수행한다. useEffect(() => { setTi..

[react/javascript] ERROR in Failed to load plugin 'flowtype' declared in 'package.json » eslint-config-react-app': Cannot find module 'eslint/use-at-your-own-risk' 작업 환경이 변경되어 새로운 노트북에서 clone 하여 새로 환경을 구축하였더니 다음과 같은 오류가 떴다, 환경의 node 버전 혹은 npx버전이 맞지 않아 생긴 오류인거같다 해결법은 간단하다. eslint관련 옵션을 제외 시켰다 #package.json 아래 환경을 제거 "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, 정상적으로 잘 작동한다. #..

[react/vscode] 리액트 기본 컴포넌트(함수형) shotcut rcc 후 탭을 누르면 파일명의 이름으로 함수형 컴포넌트가 자동완성 된다. import React, { Component } from 'react'; class TopBar extends Component { render() { return ( ); } } export default TopBar; #rcc #shotcut #숏컷 #자동완성 #react #js #리액트 #함수형

[javascript/node] Date 객체(날짜정보)를 Second(Total Seconds)로 바꾸기) #DateTime.GetTime() - 시간을 Total mileseconds로 변화하여 가져온다. #DateTime.GetTime()%1000 - 1000으로 나누어 초를 가져온다. var severTime = new Date(); //현재시간의 mileseconds를 가져온다. const serverTime_ms = severTime.getTime(); //현재시간의 seconds를 가져온다. const serverTime_sec = serverTime_ms%1000; #datetime #js #ts #getTime() #seconds #mileseconds #javascript #typesc..

[javascript/node/typescript]log및 string 동적으로 효율적으로 쓰기 backtick(`)을 사용하면 굉장히 효율적으로 string 편집이 가능하다. #일반적인 방식 let myname = "tom"; let myname2 = "hadis"; console.log("myname :"+myname); console.log("myname2 :"+myname2); #backtick(`)을 이용한 방식 let myname = "tom"; let myname2 = "hadis"; console.log(`myname :${myname}`); console.log(`myname2 :${myname2}`); 이런식으로 사용하면된다. #` #backtick #js #ts #node #javas..

[node/js] node에서 간단한 udp server / client 구현 #package.js에 "type":"module" 추가 -import를 사용하기 위한 ES6 모듈 활성화 { "name": "node", "version": "1.0.0", "main": "test.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "description": "" } #server.js -port 5555번을 생성하여 서버 리스닝 실행 import dgram from 'dgram'; const server = dgram.createSock..

import dgram from 'dgram'; import { Buffer } from 'buffer'; const message = Buffer.from('helloworld'); const client = dgram.createSocket('udp4'); client.send(message, 5555, 'localhost', (err) => { client.close(); }); [node/js] node환경에서 import 쓰기(es6) #package.js에 'type':'module' 추가를 하면된다. #pakage.js { "name": "node", "version": "1.0.0", "main": "test.js", "type": "module", "scripts": { "test": "..