node 비동기 작업의 실행원리 (process.nextTick) node는 기본적으로 단일 스레드로 작동된다.그러므로 setTimeout과 같은 비동기 호출이 들어왔을때 지정된 시간이 지난다면메인 스레드의 실행큐에 전달돼 현재작업 이후에 실행된다.setTimeout(() => { console.log(2);}, 1000);while (true) console.log(1); 위와 같은 코드는,node 메인 스레드의 비동기작업을 담당하는 queue에 담겨 대기하다가 1초뒤에 실행 queue로 옮겨지겠지만,이미 실행 queue는 독점하고있는 "console.log(1)" 라는 실행자원이 있기때문에 우리가 2라는 숫자를 볼 일은 없을것임즉 setTimeout을 쓴다고 바로 실행되지않고 실행요청을 하는것이라고 이해하는게 좋을듯 아래 소스코드를 실행하면 어떻게될까?setTim.. 2024. 12. 5. git 버전관리하기 프로젝트 레포를 보다보면(0.0.3) (4.3.0) 등 버전이 기록되어 있는걸 볼 수 있음이를 각각 메이저 버전, 마이너 버전, 패치 버전이라 명명함 패치버전은 보통 버그수정, 마이너 버전은 기능 추가 및 수정 업데이트메이저 버전은 호환에 변경점이 있을만큼 대규모 업데이트라고 함뭐 위 사항은 프로젝트나 회사에서 알아서 정하면 됨 버전마다 어떤 내용의 업데이트가 있는지 기록하는법은 여러가지가 있는것 같던데나는 쉽게 READMD.md 처럼 "CHANGELOG.md" 파일을 만들어 관리하기로 함# Changelog## [0.0.1] - 2024-12-04 ~ in progress### Added- Initial app settings### Fixed### Deprecated## [0.0.1]### Added#.. 2024. 12. 4. [pwa] quasar에서 pwa모드 간단하게 추가하기 (작성중...)@quasar/cli@2.4.1 기준 quasar를 이용하면 ssr, pwa등 간단하게 빌드모드를 추가할 수 있다...짧은 시간내에 pwa를 설치하고싶으면 사용하기 좋을듯https://quasar.dev/quasar-cli-vite/developing-pwa/introduction What is a PWA | Quasar Framework(@quasar/app-vite) Introduction on what a Progressive Web App is and how it can be configured in a Quasar app.quasar.dev 명령어는 "quasar build -m pwa" 로 입력하면 spa모드와 똑같이 dist안에 pwa폴더가 생기고,호스팅 폴더에 위치시키면 완료.. 2024. 12. 3. js object string,array,number와 같이 object라는 자료형이 있다. //오브젝트const food = { name : 'hamburger', price : 1500}//배열const foods = ['hamburger','pasta','salad'] 배열(array)을 예를 들어 설명하자면 1. 먼저 둘다 여러 값들이 들어 갈 수 있다.2. 다만 배열은 특정한 특징을 정하고 그 안에 속하는 여러가지데이터들이 존재하는 것이고, - [ foods란 배열을 특징으로 삼고 그안에 속하는 'hamburger', 'pasta', 'salad' 들이 있다. ]3. 오브젝트는 특정한 객체를 정하고 그 객체에 대해 '팔은 두개고 다리는 세개야' 라고 하는 것처럼 설명해준다고 보면 된다. - [ food의 .. 2024. 11. 9. 그라디언트 예시 background: conic-gradient(from 0.25turn at 50% 30%, #f69d3c, 10deg, #3f87a6, 350deg, #ebf8e1);https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient conic-gradient() - CSS: Cascading Style Sheets | MDNThe conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Example .. 2024. 11. 1. js Class 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes Classes - JavaScript | MDNClass는 객체를 생성하기 위한 템플릿입니다. 클래스는 데이터와 이를 조작하는 코드를 하나로 추상화합니다. JavaScript에서 클래스는 프로토타입을 이용해서 만들어졌지만 ES5의 클래스 의미와는developer.mozilla.org 선언식 기본 예시class Rectangle { constructor(height, width) { this.height = height; this.width = width; }}# 아래처럼 속성을 바로 할당한다면# constructor를 축약해서 사용도 가능# class Re.. 2024. 10. 15. 이전 1 2 3 4 ··· 15 다음
