꾸준히 공부하는 개발자

타입스크립트 셋팅 폴더를 하나 만들어 npm init npm i -g typescript 셋팅을 해주었다. test.ts 를 만들어 tsc test.ts 라고 쳐주면 아래에 test.js 라는 파일이 나와 ts 로 코딩을하면 js로 변환이 되어 저절로 나오게 된다. 또한 ts에서 js로 코딩을 해도 아무 상관이 없었다. 또한 watch 라는 기능을 사용하면 저장할 때마다 오류가 나온다. tsc test.ts -w 타입스크립트의 장점 ts는 예기치 못한 에러들을 컴파일로 잘잡아주며, 이미지와 같이 command + 마우스를 가져다가 위에 대면 무슨타입으로 되어있는지 다 확인 할 수 있다는 장점이 있다.

실수로 node_modules 를 올려버려 그 이후에 gitignore에 설정을해줘도 삭제가 안되었다. gitignore 를 사용하다가 아무리 해도 삭제가 안되어서 인터넷에 찾아보니 git rm -r --cached . 이 한줄로 그동안 커밋되어 있던 파일들이 staged에 남아있어 삭제가 되지 않은 것 이였다. gitignore로는 그 시점부터 ignore 시켜주는 것이였다.

query 공부를 하기 시작한지 얼마 안됬는데, 갑자기 궁금증이 생겼다. ORDER BY + LIMIT 1 vs MAX, MIN 어느것이 좋은가 였다. 아직 초보라서 이런것도 궁금하여 인터넷에 쳐보았다. SELECT MIN(DATETIME) FROM TABLE 위는 MIN 을 사용한 구문이고 SELECT DATETIME FROM TABLE ORDER BY DATETIME DESC LIMIT 1 위는 ORDER BY 와 LIMIT 을 사용하였다. stackoverflow 를 보니 결론 하나의 값을 나타내는 것은 MIN 을 나타내는것이 성능이 좋지만, 얼마 차이가 나지 않는다고 한다. 여러 컬럼을 나타내야 한다면 ORDERBY LIMIT 을 사용하는 게 좋다. 또한 가장 좋은 쿼리는 깔끔하게 짠 쿼리라고 한..

기본적으로 table, tr, td, tbody, thead 등의 테이블을 구현 할 수 있는 tag 들로 html을 짜놓는다. Size Info 사이즈 setTableRow()} variant="contained">添加横项 setTableCol()} variant="contained">添加纵(竖)向 setTableComplete()} variant="contained" color={'primary'}>완료 setTableRow : 행을 늘려주는 함수 setTableCol : 열을 늘려주는 함수 setTableComplete : domtoimage 모듈을 이용하여 blob으로 이미지를 만들어주는 함수 import $ from "jquery" import domtoimage from "dom-to-image..

dblp.xml 파일을 받아와 이제 파싱을 할 차례이다. xml을 파싱하는 모든 라이브러리를 사용해 봤는데, 나는 console.dir 을 어떤식으로 사용하는지를 모르겠어서 시중에 가장인기있는 xml2js 이런 모듈들은 이상하게도 작동하지않아 인기가없는 react-xml-parser를 사용하였다. 이런건 사용하면안된다... const XMLParser = require('react-xml-parser'); const xml = new XMLParser().parseFromString(dblpString); // Assume xmlText contains the example XML 참 간단하다.

dblp.xml 이라는 대용량을 한번에 읽어오려다 보니 읽어 지지가 않았다. 그래서 선임분이 stream을 사용하라고 하여 검색을 해보았다. 비동기로 작동하는 것을 보고 Promise 를 반환하는 식으로 하여 동기적으로 처리할라고 하였다. const asyncXML = (xml) => { //xml은 url return new Promise((resolve, reject) => { let result = []; (async () => { const fetchedResource = await fetch(xml) const reader = await fetchedResource.body.getReader() reader.read().then(function processText({done, value}) {..

const AmazonCognitoIdentity = require("amazon-cognito-identity-js"); const signIn = async (Username, Password) => { const poolData = { UserPoolId : '' // your user pool id here ClientId : '' // your app client id here }; // Create the User Pool Object const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData); const userData = { Username : Username, // your username here Pool : userPoo..

import Bluebird from 'bluebird' const handlerFile = await Bluebird.map(data, item => new Bluebird(async (resolve, reject) => { setTimeout(async () => { try { if (item.mainImages) await uploadToS3(item, 'mainImages', 'images', null, 'products') setLoadingCount(prevCount => prevCount + 1) } catch (e) { setLoadingCount(prevCount => prevCount + 1) item.mainImages = [] console.log(e) } try { if (item..