본문 바로가기

자바스크립트

 (5)
React.js 19 정식 버전 출시, 업데이트 내용 React 19는 최근에 발표된 리액트의 최신 버전으로, 많은 개발자들이 기대하고 있는 업데이트입니다. 이번 버전은 여러 가지 새로운 기능과 성능 개선 사항을 포함하고 있어, 개발자들에게 더 나은 개발 환경을 제공할 것으로 보입니다. 이번 포스트에서는 React 19의 주요 업데이트 사항과 그 의미에 대해 자세히 살펴보겠습니다.React는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스를 구축하는 데 사용됩니다. React 19는 이러한 React의 발전을 이어가는 중요한 버전으로, 많은 기능이 추가되었습니다. 특히, 이번 업데이트는 개발자들이 더 효율적으로 작업할 수 있도록 돕는 다양한 도구와 기능을 제공합니다.이미지 출처주요 업데이트 사항서버 컴포넌트(Server Components)..
Javascript 일급 객체(First-class object) javascript에서 함수(Function)는 일급 객체(First-class object)이다. 일급 객체(First-class object)란? javascript에서 다음을 만족하여야 한다. 무명의 literal로 생성이 가능하다. 변수나 자료구조(배열(Array), 객체(Object) 등)에 할당이 가능하다. 다른 함수의 parameter로 전달이 가능하다. 다른 함수의 return으로 사용이 가능하다. Function이 일급 객체인 이유 javascript에서 Function은 다음과 같이 가능하다. 무명의 literal로 생성이 가능하다. var helloAlert = function(name){ (name + "님 환영합니다."); } helloAlert("world"); 변수나 자료구조(..
Javascript Currying(커링) Currying은 함수형 프로그래밍에서 기초개념이다. Currying은 다음과 같이 정의되고 있다. 다중 인수를 갖는 함수를 단일 인수를 갖는 함수들의 함수열로 바꾸는 것을 말한다. 간단하게 말해서 함수를 리턴하는 함수라고 생각하면 편할 듯 하다. f(a, b, c)의 인자가 3개인 함수를 f(a)(b)(c)와 같이 사용할 수 있다. const curry = (fn) => (a) => (b) =>fn(a,b); const add = (a, b) =>a + b; console.log(curry(add)("Hello")("Wolrd")); // result: HelloWorld Currying은 뒷 부분의 파라미터를 나중에 실행할 수 있다. f(a)(b)를 실행 후 (c)는 나중에 실행 가능하다. const..
Javascript 정규 표현식 (Regular Expression) 정규 표현식(정규식) : 특정한 규칙(패턴)을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다 정규식은 보통 다음과 같이 사용한다. /패턴/플래그 '/(구분문자)' 사이에 매칭시킬 패턴을 작성한다. '/패턴/' 다음에 옵션을 설정하는 플래그를 작성한다. 메타문자 설명 예시 . 일반적으로 새 줄을 제외한 모든 어떠한 문자열과도 일치한다. $string1 = "Hello World\n"; if ($string1 =~ m/...../) { print "$string1 has length >= 5\n"; } 출력: Hello World has length >= 5 ( ) 일련의 패턴 요소들을 하나의 요소로 묶는다. 괄호 안의 패턴을 일치시킬 때 $1, $2, ... 중 하나를 사용할 수 있다. $str..
Javascript 진법 변환 방법 10진법에서 2, 8, 16 진법으로 변환하는 방법 var num = 13; num.toString(2); // 2진법 num.toString(8); // 8진법 num.toString(16); // 16진법 /** * output: 1101, 15, d */ 2, 8, 16 진법에서 10진법으로 변환하는 방법 var b = 1101; // 2진법 var o = 15; // 8진법 var h = 'd'; // 16진법 Number.parseInt(b, 2); Number.parseInt(o, 8); Number.parseInt(h, 16); /** * output: 30, 30, 30 */

티스토리툴바