개발/js,ts(9)
-
ts 수학
타입 개념은 컴퓨터가 발명 도 전에 수학적 개념으로 존재 타입이란 어떤 심볼(symbol 변수명) 에 엮인 (binded) 메모리 공간에 존재할수 있는 값(value) 의 집합과 그 값들이 가질 수 있는 성질 타입은 부분 순서 집합 포함하거나 서브 타입 이거나 무관계 이거나 https://youtu.be/xesy1i67OWI?si=PBbsLYsaLqUycYUS
2025.04.15 -
2024년도 연말정산! 외국인 기준 JS 설문 조사
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.12.18 -
2024년도 JS 최신 동향 분석
2024년 js 트렌드 개발자 트랜드에 대해 알아보자 개발자 국가별 연봉 정보 개발자 나이 분포 생각보다 중급? 이 많다 연차별 연봉 회사 규모에 따른 연봉만 놓고보면 개발 직군 남여 성비 외국 설문인점 잊지마시라고 기능 적인 부분들은 빠르게 그리고 가장 관심 있어하는 라이브러리 와 역시 vite가 혁명적이긴 하다 재사용 의사가 가장 높고, js하지만 리엑트 모른다? 넌 나가라 0.1프로 ㅋㅋㅋ jest, 리액트 웹팩은 익숙해서 사용하는 느낌, 다양한것중 vite 가 승자 이게 요즘 유행한다는 티어표 정리yarn 4.0 쓰니까 엄청 편하게 느낀건 나만이었던 걸로,,, 익숙한 pnpm 이 s급 프에임 워크 사용량 조사긍정도 순위 기타..
2024.06.24 -
JavaScript에서는 여러 종류의 for문을 사용할 수 있습니다. 주요한 종류의 for문은 다음과 같습니다:
for 문:for (초기식; 조건식; 증감식) { // 반복 실행할 코드 } 초기식은 반복문이 시작될 때 한 번 실행되는 초기화 구문입니다. 조건식은 반복문이 실행될 조건을 나타내며, 조건식이 참일 경우 반복문이 계속 실행됩니다. 증감식은 각 반복이 끝난 후 실행되는 식으로, 보통 카운터 변수를 증가 또는 감소시키는 역할을 합니다. for...in 문:for (변수 in 객체) { // 객체의 속성을 순회하면서 실행할 코드 } for...in 문은 객체의 속성을 반복하여 처리할 때 사용됩니다. 변수는 반복문을 통해 객체의 각 속성 이름을 차례로 가리킵니다. for...of 문:for (변수 of 배열) { // 배열의 각 요소를 순회하면서 실행할 코드 } for...of 문..
2023.06.28 -
env 접근
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를 통해 커맨드 라인 인수에 접근할 수도 있습니다. 환경 변수를 사용하는 경우..
2023.06.09 -
camelToSnakeCase & snakeToCamelCase
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..
2023.04.17 -
function* (generator function)
Generator function은 JavaScript의 함수 유형 중 하나로, 값을 반환하고 호출을 끝내는 대신 값을 생성하고 호출자에게 전달하는 방식으로 작동합니다. 이러한 함수는 함수 내부의 yield 키워드를 사용하여 값을 반환하고 호출 상태를 유지하며, 다음 호출에서 함수 실행을 이어나갈 수 있습니다.Generator 함수는 일반적으로 for...of 반복문과 함께 사용되어 시퀀스를 생성하거나, 비동기적인 제어 흐름을 생성하는데 유용합니다. 또한 Generator 함수는 메모리를 효율적으로 사용할 수 있어 대용량의 데이터셋을 다루는데 유용합니다.다음은 Generator 함수의 예시입니다.function* counter() { let i = 0; while (true) { yield i;..
2023.03.29 -
js 대괄호 : [] , 중괄호 : {} , 소괄호 : ()
대괄호 : [] , 중괄호 : {} , 소괄호 : () 대괄호 =>[] 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..
2023.03.22 -
js es5 >>>> es6
var > let const =>() 생김 object.test1 에서 object가 null 일시 오류가 발생하기에 if문 처리를 해줘야함 const Titlw ({test1})=> { 특정 값만 찾아서 보기가 편하다} useState > hookuseEffect----------------------------useMemouseCallback연산값과 원래 값이 같을떄 랜더링 방지 > 자원 절약 반복for > 리턴값 필요 없map > 리턴값 필수(필터링) > 기존에 있는거 가공, component반복문, 추리기filter > 리턴값 필수 > (조건이 true인 값만 반복) =>foreach > 리턴값 필요 없
2023.03.15