타입 개념은 컴퓨터가 발명 도 전에 수학적 개념으로 존재 타입이란 어떤 심볼(symbol 변수명) 에 엮인 (binded) 메모리 공간에 존재할수 있는 값(value) 의 집합과 그 값들이 가질 수 있는 성질 타입은 부분 순서 집합 포함하거나 서브 타입 이거나 무관계 이거나 https://youtu.be/xesy1i67OWI?si=PBbsLYsaLqUycYUS

https://2024.stateofjs.com/en-US State of JavaScript 2024Let's take a second to consider something: 2024's top three front end framework were all launched over a decade ago. Now sure, all three have evolved a lot along the way, and the patterns of 2014 would seem downright antiquated today. But given the JavaScr2024.stateofjs.com올해는 일찍 나왔습니다

2024년 js 트렌드 개발자 트랜드에 대해 알아보자 개발자 국가별 연봉 정보 개발자 나이 분포 생각보다 중급? 이 많다 연차별 연봉 회사 규모에 따른 연봉만 놓고보면 개발 직군 남여 성비 외국 설문인점 잊지마시라고 기능 적인 부분들은 빠르게 그리고 가장 관심 있어하는 라이브러리 와 역시 vite가 혁명적이긴 하다 재사용 의사가 가장 높고, js하지만 리엑트 모른다? 넌 나가라 0.1프로 ㅋㅋㅋ jest, 리액트 웹팩은 익숙해서 사용하는 느낌, 다양한것중 vite 가 승자 이게 요즘 유행한다는 티어표 정리yarn 4.0 쓰니까 엄청 편하게 느낀건 나만이었던 걸로,,, 익숙한 pnpm 이 s급 프에임 워크 사용량 조사긍정도 순위 기타..

for 문:for (초기식; 조건식; 증감식) { // 반복 실행할 코드 } 초기식은 반복문이 시작될 때 한 번 실행되는 초기화 구문입니다. 조건식은 반복문이 실행될 조건을 나타내며, 조건식이 참일 경우 반복문이 계속 실행됩니다. 증감식은 각 반복이 끝난 후 실행되는 식으로, 보통 카운터 변수를 증가 또는 감소시키는 역할을 합니다. for...in 문:for (변수 in 객체) { // 객체의 속성을 순회하면서 실행할 코드 } for...in 문은 객체의 속성을 반복하여 처리할 때 사용됩니다. 변수는 반복문을 통해 객체의 각 속성 이름을 차례로 가리킵니다. for...of 문:for (변수 of 배열) { // 배열의 각 요소를 순회하면서 실행할 코드 } for...of 문..

env-cmd 설치후 console.log(process.env.API_URL); // "https://api.example.com" console.log(process.env.API_KEY); // "abc123" process는 Node.js에서 제공되는 전역 객체입니다. 이 객체를 통해 현재 실행 중인 프로세스에 대한 정보와 제어를 할 수 있습니다. Node.js는 단일 스레드 기반의 비동기 이벤트 주도 아키텍처를 가지고 있으며, process 객체는 이벤트 루프와 관련된 정보를 제공하고 프로세스 수준의 작업을 수행하는 데 사용됩니다. process.env 속성을 통해 환경 변수에 접근할 수 있으며, process.argv를 통해 커맨드 라인 인수에 접근할 수도 있습니다. 환경 변수를 사용하는 경우..

Vite는 JavaScript 기반의 웹 개발 도구입니다. Vite에서 저장(또는 변경 사항 저장)을 수행하면 다음과 같은 기능이 수행될 수 있습니다: 자동 새로 고침: Vite는 개발 중인 애플리케이션을 자동으로 새로 고쳐서 변경 사항을 즉시 반영할 수 있습니다. 파일을 저장하면 Vite가 변경된 내용을 감지하고 브라우저에서 페이지를 새로 고칩니다. 이를 통해 빠른 개발 속도와 실시간 반응을 얻을 수 있습니다. 빠른 번들링: Vite는 개발 서버를 사용하여 빠른 속도로 애플리케이션을 번들링합니다. 저장할 때마다 Vite는 필요한 파일만 다시 번들링하므로 전체 애플리케이션을 다시 빌드할 필요가 없습니다. 이는 개발 시간을 단축하고 변경 사항을 빠르게 확인할 수 있게 해줍니다. 핫 모듈 교체: Vite는 ..

후자 2번이 승리!

setFormFinishHandler 함수를 호출할 때에는 함수의 이름을 사용하거나, 함수를 호출하는 새로운 함수를 생성하여 전달하는 두 가지 방법이 있습니다. 1. setFormFinishHandler(codePostHandler) 형태로 함수의 이름 codePostHandler를 직접 전달하는 경우:setFormFinishHandler(codePostHandler); 이 경우 formFinishHandler가 codePostHandler 함수로 설정됩니다. 2. setFormFinishHandler(() => codePostHandler) 형태로 함수를 호출하는 새로운 함수를 생성하여 전달하는 경우:setFormFinishHandler(() => codePostHandler); 이 경우 formFin..

function camelToSnakeCase(str) { return str.replace(/([a-z])([A-Z0-9])/g, '$1_$2') .replace(/([0-9])([a-zA-Z])/g, '$1_$2') .toLowerCase();}function camelToSnakeCase(str) { return str.replace(/([a-z\d])([A-Z])/g, '$1_$2') .toLowerCase();}function snakeToCamelCase(str) { return str.replace(/([-_][a-z])/g, (match) => match.toUpperCase().replace(/[-_]/g, ''));}fun..

try { deleteCode(codeKey) .then(() => { dispatch(codeAction.getCodeList({ target: "codeList" })); codeForm.resetFields(); });} catch(e) { console.error(e);}deleteCode(codeKey) .then(() => { dispatch(codeAction.getCodeList({ target: "codeList" })); codeForm.resetFields(); }) .catch((e) => { console.error(e); })위의 코드는 try-catch 구문으로 에러를 처리하려고 시도하고 있습니다. deleteCod..