타입 개념은 컴퓨터가 발명 도 전에 수학적 개념으로 존재 타입이란 어떤 심볼(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는 ..

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..

[소개] : TypeScript는 최근 인기 있는 프로그래밍 언어 중 하나로, JavaScript의 타입 시스템을 확장하여 개발자들이 더욱 안정적이고 확장 가능한 코드를 작성할 수 있도록 지원합니다.[본문]TypeScript의 특징 : TypeScript는 정적 타입 시스템, 클래스 기반 객체 지향 프로그래밍, 인터페이스 등 다양한 기능을 지원합니다. 이를 통해 개발자는 코드 작성 중 발생할 수 있는 일부 오류를 미리 방지하고, 코드의 가독성과 유지 보수성을 높일 수 있습니다.TypeScript의 장점 : TypeScript는 JavaScript와 호환성이 높아서 기존 JavaScript 코드를 TypeScript로 쉽게 전환할 수 있습니다. 또한 TypeScript는 많은 개발자들이 사용하는 프레임워크..

Generator function은 JavaScript의 함수 유형 중 하나로, 값을 반환하고 호출을 끝내는 대신 값을 생성하고 호출자에게 전달하는 방식으로 작동합니다. 이러한 함수는 함수 내부의 yield 키워드를 사용하여 값을 반환하고 호출 상태를 유지하며, 다음 호출에서 함수 실행을 이어나갈 수 있습니다.Generator 함수는 일반적으로 for...of 반복문과 함께 사용되어 시퀀스를 생성하거나, 비동기적인 제어 흐름을 생성하는데 유용합니다. 또한 Generator 함수는 메모리를 효율적으로 사용할 수 있어 대용량의 데이터셋을 다루는데 유용합니다.다음은 Generator 함수의 예시입니다.function* counter() { let i = 0; while (true) { yield i;..

대괄호 : [] , 중괄호 : {} , 소괄호 : () 대괄호 =>[] list를 나열 할 때list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {}dictionary를 만들 때 {'key': 'value'}style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 }특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 }for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; iif문 뒤에 실행 할 것을 적어 줄 때 if ( a > b ) { 실행 할 것 } 소괄호 => ()for문의 특정 조건을 적어줄 때 ex) for (i=0; iif문의 특정 조건을 적어 줄 때 ex) if ( a >b )jque..