본문 바로가기
728x90
프로그래밍 「 자바스크립트 편」JavaScript 함수 유형 기능 표현: 함수 표현식은 함수를 표현식으로 정의하고 변수에 할당하는 방법입니다. 여기에는 키워드를 사용하고 선택적 매개 변수와 함수 본문을 사용한 다음 변수에 할당하는 것이 포함됩니다. 함수 표현식은 함수가 값으로 사용되거나 다른 함수에 인수로 전달될 때 자주 사용됩니다.function 본보기: const add = function (a, b) { return a + b; }; const result = add(3, 5); console.log(result); // Output: 8 위의 예에서 우리는 두 개의 매개 변수와 를 사용하는 함수 표현식을 정의합니다. 와 의 합계를 반환합니다. 함수는 변수에 할당 , 일반 함수로 호출할 수 있습니다.addababaddadd 2. 함수 선언: 함수 선언은 키워.. 2023. 7. 3.
프로그래밍 「 자바스크립트 편」JavaScript Includes(): 알아야 할 10가지 주요 사항 값이 문자열 또는 배열에 존재하는지 확인하는 방법을 찾고 있습니까? JavaScript includes() 함수는 배열이나 문자열에서 찾고 있는 값을 찾는 데 도움이 됩니다. JavaScript의 includes() 함수는 주어진 값이나 요소가 배열이나 문자열 내에 존재하는지 확인하는 데 사용됩니다. includes() 메서드는 지정된 값이 배열 또는 문자열에 있으면 부울 값 true를 반환하고, 그렇지 않으면 false를 반환합니다. 이 블로그 게시물에서는 다음을 살펴보겠습니다. JavaScript includes() 함수란 무엇입니까? 배열이 있는 JavaScript includes() 함수 includes() 함수를 사용하여 문자열 내에서 검색 객체와 함께 includes()를 사용하는 방법 정규식.. 2023. 7. 3.
프로그래밍 「 자바스크립트 편」JavaScript의 Promise.allSettled() JavaScript에서 약속으로 작업하고 모든 것을 거부하고 망칠 때 좌절감을 느낀 적이 있습니까? 약속 기반 코드를 작성하면 모든 것이 순조롭게 진행되고 붐이 일어 나면서 하나의 작은 약속이 거부되고 전체 체인이 무너집니다. 코드가 멈추고 JavaScript가 왜 그 작은 딸꾹질을 무시하고 즐거운 길을 계속할 수 없는지 궁금해합니다. 글쎄, 친구, 나는 당신에게 좋은 소식이 있습니까? 만나다, 당신의 새로운 가장 친한 친구, 그리고 당신이 필요로 하는 줄도 몰랐던 약속. 게임 체인저로, 모든 약속이 해결될 때까지 기다렸다가(해결 또는 거부) 결과에 따라 조치를 취할 수 있습니다.Promise.allSettled()Promise.allSettled() 더 이상 망가진 약속 체인이나 처리되지 않은 거부가 .. 2023. 7. 3.
프로그래밍 「 자바스크립트 편」Typescript에서 "using" 키워드는 무엇입니까? TypeScript 5.2는 개체를 만든 후 "정리"의 필요성을 해결하는 것을 목표로 하는 ECMAScript의 향후 명시적 리소스 관리 기능에 대한 지원을 도입합니다. 이 기능을 통해 개발자는 네트워크 연결 닫기, 임시 파일 삭제 또는 메모리 해제와 같은 필요한 작업을 수행할 수 있습니다. 이는 최근 39단계에 도달한 TC3 제안을 기반으로 하며, 이는 JavaScript에 도입될 것임을 나타냅니다. using 파일 핸들, 데이터베이스 연결 등과 같은 리소스를 관리하는 데 매우 유용합니다. 사용 사례 임시 파일을 생성하고, 다양한 작업을 위해 읽기 및 쓰기 작업을 수행하고, 마지막으로 파일을 닫고 삭제하는 기능이 있는 시나리오를 생각해 보십시오. import * as fs from "fs"; expor.. 2023. 7. 3.
프로그래밍 「 자바스크립트 편」모든 개발자가 알아야 할 5가지 JavaScript 트릭 님이 촬영 한 사진 포티스 포토풀로스 on Unsplash JavaScript는 최신 웹 개발에서 중요한 역할을 하는 강력한 프로그래밍 언어입니다. 개발자로서 우리는 코딩 효율성을 개선하고 JavaScript 기술을 향상시킬 수 있는 방법을 끊임없이 찾고 있습니다. 이 게시물에서는 코딩 능력을 한 단계 끌어올릴 수 있는 상위 5가지 JavaScript 트릭을 살펴봅니다. 이러한 트릭은 코드를 단순화할 뿐만 아니라 코드를 더 우아하고 간결하게 만듭니다. 1. 구조화 과제 구조화 할당을 사용하면 배열 또는 객체에서 값을 추출하여 변수에 간결하게 할당할 수 있습니다. 이 기술은 값의 압축을 푸는 간결한 방법을 제공하며 다양한 시나리오에서 매우 유용할 수 있습니다. 구조화 할당을 활용하면 더 깔끔한 코드를 작성.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」Codewars 솔루션 : 'gninnipS 내 sdroW를 중지하십시오!' .split () / .map () 코드워즈 이전 게시물에서는 자바 스크립트 배열 메서드 .split() , .forEach () 및 .map () 을 다루었으며, 마지막 글은 독자들에게 'Stop gninnipS My sdroW!'라는 환상적인 Codewars 챌린지를 지적했습니다. 이 기사에서는 이전 기사를 사용하여 작업에 대한 솔루션을 간략하게 설명합니다. 그만 gninnipS 내 sdroW! 하나 이상의 단어로 구성된 문자열을 사용하고 동일한 문자열을 반환하지만 5 개 이상의 단어를 모두 사용하는 함수를 작성하십시오. www.codewars.com 모르는 사람들을 위해 문서에 따르면 codewars는 '다양한 유형과 난이도의 프로그래밍 작업을 해결하여 코딩 기술을 배우고, 훈련하고, 향상시키는 데 도움이 되는 플랫폼'입니다. 모든 .. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」JavaScript로 생활 자동화 오늘날과 같이 빠르게 변화하는 세상에서 자동화는 작업을 단순화하고 생산성을 향상시키는 귀중한 도구가 되었습니다. 다재다능한 프로그래밍 언어인 JavaScript는 삶의 다양한 측면을 자동화할 수 있는 수많은 가능성을 제공합니다. 이 블로그 게시물에서는 JavaScript 자동화의 실제 사례를 살펴보고 일상 생활을 간소화할 수 있는 방법을 보여줍니다. 시작하자! 님이 촬영 한 사진 블레이크 코날리 on Unsplash 웹 자동화: 웹 자동화에는 웹 페이지와의 상호 작용을 자동화하여 양식 채우기, 웹 스크래핑 및 데이터 추출과 같은 작업을 가능하게 하는 작업이 포함됩니다. 웹 자동화를 위한 인기 있는 라이브러리는 Puppeteer입니다. 예: 양식 채우기 자동화 const puppeteer = require.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」JS 코드 챌린지: 정렬된 배열에서 쌍 찾기 코딩 인터뷰에서는 배열에서 특정 목표 합계에 해당하는 숫자 쌍을 찾아야 하는 문제가 발생하는 것이 일반적입니다. 이 기사에서는 입력 배열이 정렬되는 "Two Sum II" 문제를 살펴보겠습니다. 이 문제를 해결하기 위한 알고리즘 접근 방식에 대해 논의하고 JavaScript로 코드 구현을 제공합니다. 님이 촬영 한 사진 게릴라버즈 on Unsplash 문제 설명: 정렬된 정수 배열과 목표 합계가 주어지면 배열에서 목표 합계에 합산되는 두 개의 숫자를 찾아야 합니다. 이 두 숫자의 인덱스를 배열로 반환해야 합니다. 알고리즘 접근법 : 이 문제를 효율적으로 해결하기 위해 2포인터 기술을 사용할 수 있습니다. 배열의 시작 부분(왼쪽 포인터)과 끝(오른쪽 포인터)에 하나씩 두 개의 포인터로 시작합니다. 이 포인.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」React와 Pixi로 Electron 그리기 프로그램 구축하기.js 저는 Dungeondraft의 열렬한 팬이며 항상 테이블탑 게임 그룹을 위한 전투 맵을 만드는 데 사용합니다. 그러나 단점이 있으며, 최근 불행한 충돌로 인해 많은 작업을 잃는 실망스러운 경험을 한 후, 나는 내 자신의 구축에 손을 댈 것이라고 결정했습니다. 나는 이것을 공개적으로 만들 것입니다 - 당신은 진행중인 작업 저장소를 볼 수 있습니다 here . 저는 electron 앱을 만들고 있으며 궁극적인 목표는 Dungeondraft로 완성된 기능을 얻는 것입니다. 나에게 흥미로운 것을 유지하기 위해, 나는 적어도 내 관점에서 가장 쉽게 가장 열심히 일하고 있습니다. 어디서부터 시작해야할까요? 기본적으로 그리기 프로그램은 몇 가지 다른 부분, 즉 도구를 사용하여 일반적으로 레이어에서 픽셀 데이터를 조작.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」Next.js에서 SEO 최적화: 검색 엔진 가시성 향상을 위한 고급 기술 오늘날의 디지털 환경에서 검색 엔진 최적화(SEO)는 웹사이트로 유기적인 트래픽을 유도하는 데 중요한 역할을 합니다. Next.js는 강력한 React 프레임워크로 개발자에게 성능이 뛰어나고 SEO 친화적인 웹 애플리케이션을 구축하기 위한 견고한 기반을 제공합니다. 이 블로그 게시물에서는 검색 엔진 가시성을 높이고 더 많은 유기적 트래픽을 유치하기 위해 Next.js에서 SEO를 최적화하는 고급 기술을 살펴봅니다. 목차: SEO 기본 사항 이해 다음.js 및 SEO: 성공적인 조합 다음에서 고려해야 할 주요 SEO 요소.js 1. 메타 태그 및 제목 최적화 2. 구조화된 데이터 마크업 3. URL 구조 및 표준 URL 4. Sitemap 5세대 . 반응형 및 모바일 친화적인 디자인 다음 고급 SEO 기술.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」JavaScript의 디자인 패턴 싱글톤 디자인 패턴 디자인 패턴은 소프트웨어 개발에서 중요한 역할을 하므로 개발자가 일반적인 문제를 해결하고 유지 관리 용이하고 유연하며 재사용 가능한 코드를 만들 수 있습니다. 이러한 패턴 중 하나는 클래스의 단일 인스턴스만 만들어지도록 하고 클래스에 대한 전역 액세스 지점을 제공하는 Singleton 디자인 패턴입니다. 이 블로그 게시물에서는 싱글톤 디자인 패턴을 살펴보고 이를 JavaScript로 구현하는 방법을 보여줍니다. Singleton 디자인 패턴은 클래스의 인스턴스화를 단일 개체로 제한하는 생성 디자인 패턴입니다. 응용 프로그램 전체에 클래스의 인스턴스가 하나만 있음을 보장하고 해당 인스턴스에 대한 전역 액세스 지점을 제공합니다. 싱글톤 패턴은 특정 클래스의 인스턴스가 하나만 존재하도록 보.. 2023. 7. 2.
프로그래밍 「 자바스크립트 편」모든 문자열을 카멜식 대소문자 변환하는 방법 JavaScript에서 문자열을 공백 없이 카멜식 대소문자로 변환하려면 다음 방법을 사용할 수 있습니다. function toCamelCaseWithoutSpaces(str) { return str.replace(/\s+/g, '').replace(/(?:^\w|[A-Z]|\b\w)/g, function(match, index) { return index === 0 ? match.toLowerCase() : match.toUpperCase(); }); } // Example usage const inputString = "convert this to camel case without spaces"; const camelCaseString = toCamelCaseWithoutSpaces(inputStrin.. 2023. 7. 2.
728x90

티스토리툴바