■ Web개발 (62) 썸네일형 리스트형 하루 하나의 투두리스트, 하하리스트 https://www.hahalist.today 하루하나리스트하루 하나의 일에만 집중하기www.hahalist.today하루하나 리스트: 하루 하나의 계획으로 단순하게, 스트레스 없이!복잡한 일상, 머리 좀 비우고 싶지 않으신가요?매일 처리해야 할 일들이 산더미처럼 쌓여 있나요? 이런 복잡한 삶 속에서 스트레스를 없애고 싶다면, 하루하나 리스트를 시작해보세요.하루하나 리스트는 하루에 딱 한 가지 계획만 세우고, 그 계획에 몰입할 수 있도록 돕는 심플한 웹사이트입니다. 단순함을 통해 효율성을 높이고, 하루를 온전히 집중하며 마무리할 수 있는 작은 습관을 만들어보세요.하루하나 리스트가 왜 필요한가요?1. 단순함으로 스트레스 감소우리는 하루에도 수십 가지 결정을 내리며 머릿속을 복잡하게 만듭니다.하루하나 리스.. cursor AI 단축키 모음 최근 cursor AI를 사용해보고 있는데왜 주석이 안돼!!!단축키가 vscode와 다르다.처음에 가장 기본적으로 몰랐던 단축키는 Ctrl+L = 질문 물어보는 창 띄우기Ctrl + / = 주석아래는 다른 단축키들이다. # Cursor AI 단축키 가이드 ## 기본적인 단축키 ### 코드 실행 및 AI 관련 작업 - `Ctrl + Enter` (Windows/Linux) 또는 `Cmd + Enter` (Mac): - 선택한 코드나 입력을 AI로 실행하여 결과를 확인합니다. ### 자동 완성 - `Tab`: - AI가 제공한 코드 자동 완성을 적용합니다. ### 코드 편집 - `Ctrl + D` (Windows/Linux) 또는 `Cmd + D` (Mac): - 동일한 단어를 여러 개 선택해서.. DOM이란? 먼저 chatGPT에게 재밌게 알려달라고 물어보자. DOM(Document Object Model)은 웹 페이지를 구성하는 모든 요소들의 설계도예요. HTML 태그들이 모여서 이 설계도를 이루고, JavaScript는 그 설계도를 이용해 웹 페이지를 실시간으로 바꾸는 마법의 도구죠.마치 레고 블록을 쌓듯이, DOM도 요소들을 계층적으로 쌓아 올린 구조예요. 예를 들어, 은 부모 블록이고, 그 아래 와 같은 자식 블록들이 차례대로 연결돼요.JavaScript를 이용하면 이 레고 블록들을 마음대로 바꿀 수 있어요. 예를 들어, 버튼을 클릭하면 새로운 방을 추가하거나, 창문 색을 바꾸는 것처럼 페이지에 새로운 요소를 추가하거나 기존 요소를 수정할 수 있죠.결국 DOM은 웹 페이지를 구조화하는 뼈대이고, Ja.. aggrid 인쇄 print() 하면 좌우가 늘어나서 짤릴 경우 const printGrid = () => { console.log('Print button clicked'); if (gridApi.current && gridColumnApi.current) { console.log('Grid APIs are available'); const gridElement = document.querySelector('#myGrid') as HTMLElement; if (gridElement) { console.log('Grid element found'); const originalStyle = { width: gridElement.style.width, .. 주 40시간 미만 회사들을 모은 페이지. https://shortjobrank.com/ 이번에는 주40시간 미만인 회사들을 소개하는 페이지를 만들었습니다. 주소는 아래와 같구요.https://shortjobrank.com SHORT JOB RANK shortjobrank.com 저출산이 심각한 사회 현상이라.어떻게하면 저출산을 해결할 수 있을까라는 고민에서 시작하였습니다.제 나름의 결론으로는사람들에게 여유가 너무 없다. 일단 시간이 있어야 한다.우리나라는 야근도 너무 많기 때문에.. 첫번째로 개인의 시간이 주어져야 한다고 생각했습니다.그래서 주4일제가 필요하다고 생각했고조금 더 적게 일하는 회사들이 더 성공하면 사회가 좋은 방향으로 가지 않을까?그런 생각에, 주 40 미만인 회사들을 홍보하는 사이트를 만들어 본 것이죠.반응이 있다면 차후에는 채용 사이트로 더 발전시켜볼 생각입니다. 사람들.. 모던 자바스크립트 - arguments, Rest Parameter (코드잇 강의를 보고 정리한 내용들입니다) arguments 객체 자바스크립트 함수 안에는 arguments라는 독특한 객체가 존재arguments 객체는 함수를 호출할 때 전달한 아규먼트들을 배열의 형태로 모아둔 유사 배열 객체히, 함수를 호출할 때 전달되는 아규먼트의 개수가 불규칙적일 때 유용하게 활용function printArguments() { // arguments 객체의 요소들을 하나씩 출력 for (const arg of arguments) { console.log(arg); } } printArguments('Young', 'Mark', 'Koby'); Rest Parameter 파라미터 앞에 마침표 세 개를 붙여주면, 여러 개로 전달되는 아규먼트들을 배열로 다룰 수.. 자바스크립트 Module 정리 Node.js는js 파일(자바스크립트)를 실행하는 환경.HTML 에서 실행을 하지만.node.js를 설치하면 웹 없이 코드 실행이 가능. 패키지 중 import하지 않고 커맨드 라인에서 사용하는 것들이 있다. 이런 것들은 --global 옵션으로 설치한다.ex) npm install nodemon --global 특정 버전을 설치하려면 @를 뒤에 붙이고 버전을 입력한다.ex) npm install date-fns@2.29.0 특정 패키지는 개발할 때만 필요하고 배포할 때는 필요가 없다.이럴때는 --save-dev 옵션을 사용한다.npm install jest --save-dev --save-dev 옵션을 사용하면 설치한 패키지가 package.json의 dependencies 필드에 기록되지 않고 dev.. express 기본 시작 정리 HTTP 메소드 + URL = 엔드포인트 nodejs : 웹 브라우저 바깥에서 자바스크립트를 실행하는 환경* nodemon을 --save-dev 로 설치하는 것은 배포 운영할때 필요하지 않고 개발할때만 사용하기 때문* requests.http 파일 만들면 백엔드 전송 가능 res.send 메소드는 arguments로 자바스크립트 객체를 받으면 json으로 변환해서 돌려준다. * content-Type은 자동으로 설정된다. 임의로 설정 가능 * express에서 쿼리 string 처리가 가능하다. 아래처럼(오래된 순 정렬, 3개만)GET http://localhost:3000/tasks?sort=oldest&count=3 POST http://localhost:3000/tasksContent-Type: .. 이전 1 2 3 4 ··· 8 다음
