
https://www.acmicpc.net/problem/1253 1253번: 좋다 첫째 줄에는 수의 개수 N(1 ≤ N ≤ 2,000), 두 번째 줄에는 i번째 수를 나타내는 Ai가 N개 주어진다. (|Ai| ≤ 1,000,000,000, Ai는 정수) www.acmicpc.net 투 포인터 문제이다. 해당 문제의 핵심은 1. 수의 범위는 정수다. 즉, 음의 정수와 0이 포함된다. 2. for loop을 통해 검사하고자 하는 배열에 현재 index가 포함되면 안된다. 위의 두가지 핵심을 놓쳐 조금 헤맸다... 일단 문제 풀이는 1. 수를 정렬한다. 2. 정렬된 배열의 for loop을 돌면서 투 포인터 알고리즘으로 수의 합을 계산한다. 3. left index는 항상 0번으로, right Index는 ..
vue3 에서 자식이 부모의 호출하는 방법이야 emit을 사용하면 되지만,부모가 자식 함수를 호출하는 방법은 생각 보다 잘 알려져 있지 않다. 생각 보다 쓸 일이 없기도 하고... 여하튼 찾아본 결과 defineExpose 를 사용하면 된다. 자식 함수의 api를 노출하는 함수 인데, 자식 컴포넌트의 setup내에서 사용 하면 된다. 부모 Say Hello 자식 {{ message }} 참고 https://shan0325.tistory.com/10 Vue3 defineExpose 사용법 Vue 3에서 defineExpose는 부모 컴포넌트가 자식 컴포넌트의 API에 직접적으로 접근할 수 있도록 하는 방법을 제공하는 함수입니다. 이 함수는 자식 컴포넌트의 setup 함수 내에서 사용됩니다. 기존의 V sh..

https://velog.io/@mygomi/TIL-60-typeof-%EC%9C%A0%EC%9D%98%EC%82%AC%ED%95%AD-%EC%9E%98%EB%AA%BB%EB%90%9C-%ED%83%80%EC%9E%85%EC%B2%B4%ED%81%AC TIL 60 | typeof 사용 시 유의사항, 객체-배열간 변환 방법 문제원인을 잘못 짚었다가 새로운 개념들을 많이 알게 되었습니다. velog.io array가 아닌 순수 object만들 확인하고 싶다면..? if (typeof obj[key] === "object" && !Array.isArray(obj[key]) ) {...}
https://askubuntu.com/questions/1404550/google-chrome-freeze-uploading-a-file Google Chrome freeze uploading a file My Google Chrome app freezes when I select a file from an HTML input tag of type "file". This is a very simple code to reproduce the error: https://jsfiddle.net/aL4e6n29/ After I select any askubuntu.com 갑자기 chrome 사용중 file upload시 freezing 되는 버그가 발생했다. chrome 재설치 이후에도 해당 버그가 계속 발생..

vue에서는 컴포넌트를 동적으로 사용할수 있는 기능이 있다. 객체를 생성해 프로퍼티의 value에 컴포넌트를 할당해 동적으로 컴포넌트를 사용하고자 했다. ... import Ex from "@/views/Ex.vue"; const el = { component: Ex } 이런식으로... 그런데 작동은 잘 되지만, warn이 엄청나게 나왔다! 원인을 대략 확인해 보니 경고 메시지 그대로, 반응성 객체로 만들어진 구성요소는 성능에 오버헤드를 초래 한다는 것이였다. 구글링 해본 결과 stack overflow에서 해결 방법을 찾았다. https://stackoverflow.com/questions/65716637/vue3-performance-warning-using-ref vue3 performance wa..
보호되어 있는 글입니다.
[Node.js] node.js로 개발 환경과 배포 환경 설정하기. 우선 package.json에서 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node src/index.js", "develop": "NODE_ENV=develop node src/index.js", "production": "NODE_ENV=production node src/index.js " }, 환경: NODE_ENV=환경(develop, production) node src/index.js 설정후 터미널에서 "npm run 환경" 이렇게 명령어를 입력하면, process.env.NODE_ENV 가 원하는 환경으로 설정된다. 주의 할점은..
보호되어 있는 글입니다.

tdz란? 스코프의 시작 지점 과 초기화 단계(Initialization phase) 사이에 있는 단계. 일시적 사각 지대로 로 불린다. 이 tdz에서 변수에 접근 할 시 Reference Error가 발생한다. var 키워드일 경우에는 선언과 동시에 초기화가 진행 되어진다. 그러므로 할당 단계(Assignment phase) 이전에도 undefined로 값 접근이 가능한것! 흔히 하는 착각이 let과 const는 호이스팅 이 이루어지지 않는다는 것인데 이것은 틀린 사실이다. 호이스팅은 var,let,const 전부 이루어지지만, let과 const는 할당전 tdz 에서 접근시 Reference Error가 발생한 것이다. 선언 단계(Declaration phase) : 변수를 실행 컨텍스트의 변수 객체..
- Total
- Today
- Yesterday
- 크롬 확장 프로그램 개발
- type annotation type infer
- eslint
- 크롬 확장 프로그램 개발 환경
- Vue.js
- react vue
- crxjs/vite-plugin typeerror: crypto.hash is not a function
- react lane
- react setstate
- vue3
- vitre
- 리액트 배치
- 크롬 확장 프로그램 vite
- vue ref
- typescript
- render props
- 타입 어노테이션과 타입 추론
- react render props
- vue reactive
- react ref reative
- 크롬 확장 프로그램 핫 리로딩
- table render props
- renderlane
- vue react
- react batch
- 크롬 확장 프로그램 번들링
- react 배치
- vue
- crxjs/vite-plugin
- 크롬 확장 프로그램 hmr
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |