😢서론 파이썬 코드로 알고리즘을 공부하다가 파이썬에선 집합들을 엄청 쉽게 구현하는 것들을 보고 충격받았다... js에서도 있나 찾아봤는데 없는 것 같아서 따로 코드로 정리를 해보려고 한다. 😉본론 파이썬 코드 first = set([1, 2, 3, 4, 4, 2]) second = set([1, 3, 5, 1]) print(first | second) # 합집합 [1, 2, 3, 4, 5] print(first & second) # 교집합 [1, 3] print(first - second) # 차집합 [2, 4] 위 코드를 js 문법을 통해서 구현해보려 한다. JS 코드 const first = new Set([1, 2, 3, 4, 4, 2]); const second = new Set([1, 3, 5,..
🙄서론 파이썬 문법에 key와 value를 한 번에 가져와서 for문을 돌리는 걸 보고 js에도 있나 찾아보게 되었다. 🤗본론 파이썬 문법 stations = {} stations['kone'] = ['id', 'nv', 'ut'] stations['ktwo'] = ['wa', 'id', 'mt'] for key, value in stations.items(): print(key) print(value) 딕셔너리를 key, value 모두 가져와서 사용할 수 있다. 자바스크립트 문법 const object1 = { a: 'somestring', b: 42 }; for (const [key, value] of Object.entries(object1)) { console.log(`${key}: ${valu..
🤔서론 tilte 속성에 html 태그를 적용하려 했지만, 생각처럼 바로 되지 않았어서 글작성..! 😏본론 기존 위와 같이 와 같은 특수코드를 이용하여 태그를 만들어주었다. 하지만, 결과는 ... 위와 같이 태그가 그대로 나오게 되었다. tilte을 바로 출력하면 태그가 적용이 안되는 것 같았다. 그래서 어떻게 할까 찾아보다가 괜찮은 걸 찾았다. 수정 후 1. body에 div를 만들어준다. 2. mouseover를 통해 호버 이벤트 👉 this의 title을 가져온다. 👉 this의 title을 비운다. 👉 body에 추가했던 div에 title내용을 html로 적용한다. 3. mousemove를 통해 위치조절 👉 div의 위치를 동적으로 변경시켜준다. 4. mouseout을 통해 마우스가 나왔..
기본형(primitive type) 타입 메모리 크기 기본 값 데이터의 표현 범위 논리형 boolean 1 byte false true, false 정수형 byte 1 byte 0 -128 ~127 short 2 byte 0 -32,768 ~32,767 int 4 byte 0 -2,147,483,648 ~ 2,147,483,647 long 8 byte 0 -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807 실수형 float 4 byte 0.0F (3.4 X 10-38) ~ (3.4 X 1038) 의 근사값 double 8 byte 0.0 (1.7 X 10-308) ~ (1.7 X 10308) 의 근사값 문자형 char 2 byte '\u0000' 0 ~ 65..
서론 --- 몇 시간동안 고민 후 일단 짠 다음 과장님께 코드리뷰를 부탁드려서 결국 사내 라이브러리를 통해 내가 짠 코드보다 몇 배는 간결하게(거의 2~3줄로 끝낸..) 끝을 내는 방법을 찾아 해결을 하긴 했다. 하지만, 회사 라이브러리 없이 어떻게 짜는 방법이 간결한지 궁금해서 기록 느낌으로 일단 짠 코드를 올려서 나중에 다시 이런 일이 있었을 때 보고 예전엔 저렇게 짰었구나 생각하기 위한 글. 본론 --- 오브젝트로 구성된 배열이 A, B가 있다. 오브젝트 안에 있는 name, address 두 가지를 같이 비교를 하여, B와 같은 name, address가 A에 있는지 확인하여 A에 있다면 A에서 그 오브젝트를 제거하는 로직 내가 생각한 방식은 새로 배열을 만들어서 일단 무조건 넣고, 중복된 걸 찾..
app.use([path,] callback [, callback...]) 1. 패스가 지정되어 있지 않기 때문에 모든 경로에서 계속 호출 app.use(function (req, res, next) { console.log('Time: %d', Date.now()) next() }) 2. '/abcd' 경로에 들어왔을 때만 실행 app.use('/abcd', function (req, res, next) { console.log('Time: %d', Date.now()) next() }); 참고주소
www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch-sql-node-mysql Start from scratch (Node.js & MySQL) Learn how to create a new Node.js or TypeScript project from scratch by connecting Prisma to your database and generating Prisma Client for database access. www.prisma.io Prisma2를 배우면서 위에 사이트에서 보면서 따라하는 것을 해보았다. 하는 도중에 막히는 부분이 있어서 글로 남겨본다. 거의 막바지에 delete를 하는 부분이 있었는데 아래 에러가 발생하였..
기술스택을 늘리고 싶다는 생각만으로 GraphQL을 공부하려고 했다. 하려고 찾아보니 기존 RESTAPI에 있는 문제점인 Over-fetching과 Under-fetching를 해결하기 위해 나온 API 쿼리언어라는 것을 알게 되었다. 그럼 Over-fetching과 Under-fetching이 뭔지 알아야 좀 더 효율적으로 사용할 수 있을 것 같아 정리를 해보려고 한다. Over-fetching API를 호출 시 필요없는 데이터(?) 사용하지 않을 데이터까지 딸려오는 것을 말한다. 만약 내가 유저의 정보 중에서 유저의 이름만을 원한다고 하면 어떨까? { user: [ { "id": 1, "name": "dong", "email": "naver.com", "age" : 23, }, { "id": 2, "..
