분류 전체보기 (399) 썸네일형 리스트형 [정규표현식] 대표적인 기호와 예시 포스트 목적 계속되는 구글링과 GPT 의 도움에서 벗어나기 위해, 정규표현식에 대표적으로 사용되는 기호와 그 기호를 이용한 몇 가지 예시를 정리하였습니다. 참고로 아래 예시는 / / 을 사용하지 않았습니다. 이에 대한 예는 다음에 따로 정리할 생각입니다. 여기서의 예시는 이러한 방식으로 사용되는 구나에 대한 참고 및 이해 용도로 보시는게 좋다고 봅니다. 대표적인 정규표현식 기호 / 정규표현식 패턴을 시작하는 기호입니다. ^ 문자열의 시작을 나타내는 기호입니다. 이 기호 뒤에 오는 패턴은 문자열의 시작 부분에서만 매칭됩니다. $ 문자열의 끝을 나타내는 기호입니다. 이 기호 앞에 오는 패턴은 문자열의 끝 부분에서만 매칭됩니다. [ ] 대괄호 안에 있는 문자 중 하나와 매칭되는지 검사하는 기호입니다. [abc.. [NodeJS] Buffer 클래스 Buffer 이진 데이터를 다루는 데 주로 사용되며, 네트워크, 파일 시스템, 암호화 등 다양한 용도로 사용되는 노드의 내장 클래스 입니다. 노드는 파일을 읽을 때 메모리에 파일 크기만큼 공간을 마련해두며 파일 데이터를 메모리에 저장한 뒤 사용자가 조작할 수 있도록 합니다. 이때 메모리에 저장된 데이터가 바로 버퍼(메모리에 저장된 파일 데이터)입니다. 또한 버퍼 객체는 고정 길이의 바이트 시퀀스를 나타내는 데 사용됩니다. 많은 Node.js API가 버퍼를 지원합니다. Buffer 클래스는 JavaScript Uint8Array 클래스의 하위 클래스이며 추가 사용 사례를 포괄하는 메서드로 확장됩니다. Node.js API는 버퍼가 지원되는 모든 곳에서 일반 Uint8Array를 허용합니다. Buffer .. [단순용어] 유니코드 / 아스키코드/2진수/8진수/16진수 유니코드(Unicode) 유니코드(Unicode)는 전 세계의 모든 문자를 표현하기 위한 국제 표준 문자 인코딩 방식입니다. 이전의 문자 인코딩 방식은 문자 집합에 따라 각각 다른 인코딩 방식을 사용하여 문자를 표현하였기 때문에, 서로 다른 문자 집합을 사용하는 시스템 간에 데이터 교환 시 문제가 발생하였습니다. 유니코드는 이러한 문제를 해결하기 위해 모든 문자를 공통적으로 표현할 수 있는 방식을 제공하며, 이를 통해 서로 다른 시스템 간의 데이터 교환 문제를 해결할 수 있습니다. 유니코드는 16비트 이진수로 문자를 표현하는 UCS-2와 32비트 이진수로 문자를 표현하는 UTF-32, 그리고 가변 길이 인코딩 방식으로 문자를 표현하는 UTF-8 등의 인코딩 방식을 사용합니다. 가장 많이 사용되는 UTF-.. [알고리즘] 선형탐색(linearSearch) with JS 선형탐색(linearSearch) 배열에서 특정 값을 찾기 위해 순차적으로 배열의 각 요소를 검색하는 방법입니다. 자바스크립트에서 대표적인 선형탐색 중 하나는 indexOf() 가 있습니다. 선형 탐색은 배열의 첫 번째 요소부터 마지막 요소까지 차례대로 검색하면서 원하는 값을 찾습니다. 만약 원하는 값이 있다면 해당 값의 인덱스를 반환하고, 찾지 못했다면 -1을 반환합니다. 코드 아래 예시에서는 linearSearch() 함수가 배열과 찾을 값을 인자로 받습니다. 함수는 배열을 처음부터 끝까지 순회하면서 원하는 값을 찾습니다. 만약 찾고자 하는 값이 있다면 해당 값의 인덱스를 반환하고, 찾지 못했다면 -1을 반환합니다. function linearSearch(arr, value) { for (let i .. [ReactJS] React.lazy() API ; 필요한 컴포넌트만 동적 로드하는 API React.lazy()는 코드 스플릿팅과 함께 사용하여 필요한 컴포넌트만 동적으로 로드할 수 있도록 하는 React API입니다. 이를 사용하면 초기 로드 시간을 단축하고 애플리케이션의 성능을 향상시킬 수 있습니다. 다음은 React.lazy()의 예시입니다. import React, { lazy, Suspense } from 'react'; const LazyComponent = lazy(() => import('./LazyComponent')); function App() { return ( // 가 렌더링 되기 전에 Loading... 을 화면에 보여줍니다. ); } export default App; 위 예시에서는 App 컴포넌트에서 LazyComponent를 동적으로 로드하고 있습니다. 이를 위.. [단순용어] ReactJS 와 NextJS ReactJS 와 NextJS React와 Next.js는 모두 JavaScript 기반의 웹 프론트엔드 개발 도구입니다. React는 자바스크립트 라이브러리로, Next.js는 React를 기반으로한 프레임워크입니다. 이 둘의 가장 큰 차이점은 다음과 같습니다. Routing 및 SSR: React는 클라이언트 측 라우팅을 기본적으로 제공하며, 서버 사이드 렌더링(SSR)을 구현하려면 추가적인 설정이 필요합니다. 반면, Next.js는 서버 사이드 렌더링을 지원하며, 라우팅도 내장되어 있습니다. 따라서 Next.js를 사용하면 보다 쉽게 SSR을 구현할 수 있으며, 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다. 파일 시스템 기반 라우팅: Next.js는 파일 시스템 기반 라우팅을 사용합니다. 이는.. [react type] React.FC React.FC React.FC는 TypeScript를 사용하여 React 함수 컴포넌트를 정의하는 데 사용되는 제네릭 인터페이스입니다. FC는 "Function Component"의 줄임말입니다. React.FC를 사용하면 함수 컴포넌트의 props에 대한 타입 선언이 더욱 간편해집니다. 예를 들어, 다음과 같이 사용할 수 있습니다. import React from 'react'; interface Props { name: string; age: number; } //React.FC를 사용하면 return 으로 어떤 값(ReactNode)이든 반환할 수 있습니다. const MyComponent: React.FC = ({ name, age }) => { return ( Name: {name} Age: .. [NodeJS] fs 모듈 : 파일 시스템에 접근 시 사용 fs 모듈 파일 생성, 읽기, 쓰기, 삭제, 이동, 이름 바꾸기 등 다양한 파일 시스템 작업을 수행하는데 활용 합니다. 파일 읽기; fs.readFile() fs 모듈을 사용하여 파일을 읽을 수 있습니다. fs.readFile() 메소드를 사용하여 비동기적으로 파일을 읽을 수 있으며, fs.readFileSync() 메소드를 사용하여 동기적으로 파일을 읽을 수 있습니다. - 해당 경로의 파일에 입력되어 있는 데이터를 읽어 옵니다. const fs = require('fs'); // 비동기적으로 파일 읽기 fs.readFile('/path/to/file', 'utf8', (err, data) => { ㄴ경로 ㄴ 인코딩 방식 if (err) throw err; console.log(data); }); // .. 이전 1 ··· 32 33 34 35 36 37 38 ··· 50 다음