폴리프레임

Constant.js 파일export const COLORS = { primary: '#13678A', white: "#FFFFFF",}export default { light: { text: '#000', background: '#fff', tabIconDefault: '#ccc', }, dark: { text: '#fff', background: '#000', tabIconDefault: '#ccc', }}; 위와 같은 경우, 다른 파일에서 불러 올때는 다음과 같이 부릅니다. import customTheme, { COLORS } from './Constant.js';// customTheme 사용 예시console.log(customTheme.light); // { text: '#000'..

JavaScript 2024. 4. 3. 15:38

if (!isNaN(result) && result % 1 !== 0) { const digitsValue = result.toString().split(".")[1]; if (digitsValue && digitsValue.length > 6) { result = result.toFixed(6).toString(); } } if (!isNaN(result) && result % 1 !== 0): 이 부분은 result가 숫자가 아니거나 소수점을 가지는 경우를 확인합니다. isNaN() 함수는 주어진 값이 숫자인지 여부를 확인하며, result % 1 !== 0은 result가 정수가 아닌 경우를 확인합니다. const digitsValue = result.toString().split(".")[1] :..

JavaScript 2024. 3. 26. 08:43

includes() 메서드: includes() 메서드는 주로 배열(Array)에서 사용됩니다. 배열 내에 특정 요소가 존재하는지 여부를 확인합니다. 배열의 메서드로, 배열에 대한 검색 작업에 사용됩니다. const array = [1, 2, 3, 4, 5]; console.log(array.includes(3)); // true console.log(array.includes(6)); // false has() 메서드: has() 메서드는 Map과 Set 객체에서 사용합니다. Map 객체에서는 지정된 키(key)가 존재하는지 여부를 확인 합니다. Set 객체에서는 주어진 값(value)이 존재하는지 여부를 확인 합니다. 객체의 메서드로, 특정 키 또는 값에 대한 존재 여부를 확인 합니다. 예제 (Map..

JavaScript 2023. 11. 29. 17:04

CommonJS(CJS) 모듈 시스템과 ECMAScript (ESM) 모듈 시스템은 다른 JavaScript 모듈 시스템이며, 각각의 특징과 사용 방식이 다릅니다. 이 두 시스템의 주요 차이점은 다음과 같습니다: 1. CommonJS (CJS) 모듈: CommonJS는 Node.js에서 주로 사용되며, 서버 측 JavaScript 개발에 널리 사용됩니다. require() 함수를 사용하여 모듈을 가져옵니다. 동기적으로 모듈을 로드하므로 모든 종속성이 로드될 때까지 실행이 차단될 수 있습니다. 모듈은 객체로 래핑되어 내보내는 값을 모듈 변수로 가져올 수 있습니다. 주로 CommonJS는 파일 기반 모듈 로딩 및 서버 사이드 환경에 적합합니다. const fs = require('fs'); const pat..

JavaScript 2023. 11. 1. 18:21

innerHTML: innerHTML은 해당 요소의 내부 HTML 코드를 나타냅니다. 즉, HTML 태그와 텍스트 모두를 가져오거나 설정할 수 있습니다. 이 속성을 사용하여 요소의 내용을 HTML 문자열로 설정하거나 해당 요소 안에 새로운 HTML 구조를 동적으로 생성할 수 있습니다. 예를 들어, element.innerHTML = "Hello";와 같이 사용할 수 있습니다. 주의: 내부 HTML을 수정하는 것은 보안 문제를 야기할 수 있으므로 신중하게 다루어야 합니다. innerText: innerText는 요소의 텍스트 내용을 나타냅니다. HTML 태그는 무시되며, 순수한 텍스트만을 가져오거나 설정할 수 있습니다. 이 속성을 사용하여 요소의 텍스트 내용을 수정하거나 가져올 수 있습니다. 예를 들어, ..

JavaScript 2023. 8. 27. 09:57

cheerio와 Puppeteer는 웹 스크래핑과 웹 자동화를 위한 JavaScript 라이브러리입니다. 하지만 각각 다른 목적과 특징을 가지고 있습니다. 아래에서 각 라이브러리의 사용법과 장단점을 비교해보겠습니다. cheerio: cheerio는 주로 서버 측에서 HTML 파싱과 조작을 위해 사용됩니다. jQuery와 유사한 API를 제공하여 HTML 문서를 조작하고 데이터를 추출하는 데에 편리합니다 장점: 가볍고 빠르며 서버 측에서 HTML 파싱 및 조작에 용이하다. jQuery와 유사한 문법을 사용하여 사용자가 익숙한 방식으로 웹 스크래핑을 할 수 있다. 자체적으로 브라우저를 실행하지 않기 때문에 메모리나 자원 사용이 적다. 단점: 동적으로 로드되는 페이지나 JavaScript 실행이 필요한 상황에..

JavaScript 2023. 8. 27. 00:03

Puppeteer는 Google이 개발한 Node.js 라이브러리로, 웹 브라우저를 제어하고 웹 페이지를 스크래핑하거나 자동화하는 데 사용되는 도구입니다. Puppeteer는 Chromium 기반의 Headless 브라우저(실제 브라우저 창을 표시하지 않는 브라우저)를 제어하며, 웹 페이지의 동작과 상호작용을 프로그래밍적으로 조작할 수 있게 해줍니다. 주요 특징: 브라우저 제어: Puppeteer는 브라우저의 열기, 페이지 로딩, 클릭, 폼 제출 등 다양한 브라우저 동작을 제어할 수 있습니다. 스크래핑과 데이터 추출: Puppeteer를 사용하여 웹 페이지의 HTML, 텍스트, 이미지 등 다양한 데이터를 추출할 수 있습니다. 스크린샷 및 PDF 생성: Puppeteer를 사용하여 웹 페이지의 스크린샷을 ..

JavaScript 2023. 8. 26. 22:54

FormData 객체는 HTML 요소의 데이터를 쉽게 수집하고 전송하기 위한 특별한 형태의 객체입니다. JavaScript 내장함수로써, vanila JavaScript 사용시 유용하며, React 등 프레임 웍을 사용하거나, 세밀한 유효성 검사가 필요한 경우 react-hook-form 과 zod 의 결합을 추천합니다. // HTML에서 요소를 선택합니다. const form = document.querySelector('form'); // FormData 객체를 생성합니다. const formData = new FormData(form); // FormData 객체에 데이터를 추가할 수도 있습니다. formData.append('name', 'John Doe'); formData.append('ema..

JavaScript 2023. 7. 8. 13:14