Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Monday, February 26, 2024

Dart対JavaScript:包括的な言語比較

DartとJavaScriptの紹介 DartとJavaScriptは、ウェブ開発で広く使われているプログラミング言語です。どちらもブラウザで直接実行でき、クライアントサイドとサーバーサイドの両方で使用できます。 Dartについて DartはGoogleが開発したプログラミング言語で、強力なツールチェーンと言語機能を提供します。Dartはウェブ、サーバー、モバイルアプリケーション開発に使用され、特にFlutterフレームワークと一緒にモバイルアプリ開発に主に使用されます。 // Dart コード例 void main() { print('Hello, Dart!'); } JavaScriptについて JavaScriptは、ウェブページに動的な要素を追加するために使用されるインタプリタ言語です。ウェブブラウザで実行するように設計され、Node.jsなどのプラットフォームを通じてサーバーサイド開発にも使用できます。JavaScriptはウェブ開発の核心技術の一つで、HTMLとCSSとともにウェブの三つの基本要素の一つです。 //...

Dart vs JavaScript: A Comprehensive Language Comparison

Introduction to Dart and JavaScript Dart and JavaScript are widely used programming languages in web development. Both can run directly in the browser and can be used on both the client side and the server side. About Dart Dart is a programming language developed by Google, providing a powerful toolchain and strong language features. Dart is used for web, server, and mobile application development,...

Dart vs JavaScript: 선택의 기준을 제시하는 언어 비교

Dart와 JavaScript 소개 Dart와 JavaScript는 웹 개발에서 널리 사용되는 프로그래밍 언어들입니다. 둘 다 브라우저에서 직접 실행될 수 있으며, 클라이언트 사이드와 서버 사이드 모두에서 사용될 수 있습니다. Dart에 대하여 Dart는 구글이 개발한 프로그래밍 언어로, 강력한 툴체인과 강력한 언어 기능들을 제공합니다. Dart는 웹, 서버, 모바일 애플리케이션 개발에 사용되며, 특히 Flutter 프레임워크와 함께 모바일 앱 개발에 주로 사용됩니다. // Dart 코드 예시 void main() { print('Hello, Dart!'); } JavaScript에 대하여 JavaScript는 웹 페이지에 동적인 요소를 추가하는데 사용되는 인터프리터 언어입니다. 웹 브라우저에서...

Thursday, July 13, 2023

How to Add Properties to JSON or Map in JavaScript

Methods to Add Properties to JSON in JavaScript In JavaScript, there are several ways to add properties to JSON or Map objects. This article provides a comprehensive guide on three of these methods: basic property addition, using the Object.assign() method, and the spread operator. Basic Addition of Properties In JavaScript, the most straightforward method to add properties to a JSON or Map object...

자바스크립트 JSON(또는 Map) 프로퍼티 추가 방법 총정리

자바스크립트에 프로퍼티 추가 기본 방법 JSON(또는 Map) 객체에 프로퍼티를 추가하는 가장 기본적인 방법은 객체에 직접 프로퍼티를 할당하는 것입니다. 이 방법은 아래와 같이 코드를 작성하여 사용할 수 있습니다. var obj = {}; obj.propertyName = "value"; obj["propertyName"] = "value"; 위의 두 번째와 세 번째 줄은 같은 작업을 수행합니다. 프로퍼티 이름이 유효한 자바스크립트 식별자인 경우에는 첫 번째 방법을 사용할 수 있습니다. 하지만 식별자로 사용할 수 없는 문자가 포함된 경우에는 두 번째 방법을 사용해야 합니다. !-- --> (adsbygoogle = window.adsbygoogle || []).push({}); var obj...

JavaScriptでJSONのプロパティを追加する方法

JavaScriptでJSONまたはMapオブジェクトにプロパティを追加する基本的な方法 JSONまたはMapオブジェクトにプロパティを追加する基本的な方法は、オブジェクトに直接プロパティを割り当てることです。次にその例を示します: var obj = {}; obj.propertyName = "value"; obj["propertyName"] = "value"; 2行目と3行目は同じ操作を行います。プロパティ名が有効なJavaScript識別子である場合、最初の方法を使用できます。しかし、プロパティ名にJavaScript識別子として使用できない文字が含まれている場合は、2番目の方法を使用する必要があります。例えば、次のようなケースです: !-- --> (adsbygoogle = window.adsbygoogle || []).push({}); var...

Wednesday, November 6, 2019

JavaScript 초보자를 위한 정규표현식 사용법

JavaScript에서 정규표현식 사용하기: 초보자 가이드 본 가이드는 JavaScript 초보자들을 위해 정규표현식(또는 정규식) 사용법을 간단하게 설명합니다. JavaScript에서 정규표현식을 사용하는 경우가 많지만, 처음 접하는 분들에게는 이해하기 어려울 수 있습니다. 0~9 사이 값 찾기 예제 예를 들어, 0~9 사이의 값을 찾기 위한 정규표현식은 '/[0-9]/'입니다. 이를 someString.match('/[0-9]/')와 같이 사용하면 될 것 같지만, 이렇게 작성하면 JavaScript에서 '/[0-9]/'가 문자열(string)로 처리되므로, 원하는 결과를 얻을 수 없습니다. 정규표현식으로 변환하기 문제의 해결책은 간단합니다. 문자열(string) 형태가 아닌 정규표현식(regexp)...

Sunday, September 15, 2019

Javascript에서 정규표현식으로 연속되는 문자나 숫자 찾기

정규표현식으로 문자나 숫자의 반복 찾기 정규표현식은 배울 때는 쉽지만 생각보다 자주 사용하지 않아서 항상 까먹게 되는 것 같습니다. 이번에는 유용한 조합을 공유해 보려 합니다. 이 조합은 문자나 숫자 중 한 가지로 반복되는 숫자를 찾기 위한 정규표현식입니다. 자바스크립트 기준으로 아래와 같이 작성하면 됩니다: (adsbygoogle = window.adsbygoogle || []).push({}); var pattern = /(\w)\1+/g; 예를 들어 'aaabbc'라는 단어가 있다면, 'aaa', 'bb'를 찾아줍니다. 위 표현식을 잘 응용하면 여러 곳에서 유용하게 사용할 수 있습니다. (사실 정규표현식을 잘 아는 사람이라면 쉽겠지만.....

Saturday, January 19, 2019

Javascript 문자열과 숫자가 혼합된 경우의 정렬(number + character mixed string sort)

JavaScript에서의 복잡한 정렬 문제 JavaScript를 이해하려 할수록 가끔 기괴하게 느껴질 때가 있습니다. 특히, Java와 같은 다른 언어에 익숙한 사람들에게는 JavaScript의 동작 방식이 당혹스럽게 느껴질 수 있습니다. 기본 정렬 방식의 문제점 예를 들어, [10, 1, 2]라는 배열을 정렬한다고 가정해 보겠습니다. 대부분은 [1, 2, 10]이라는 결과를 예상할 것입니다. 그러나 JavaScript에서는 이 배열이 [1, 10, 2]로 정렬됩니다. 이처럼 JavaScript의 기본적인 정렬 방식은 때때로 예상치...

Monday, January 14, 2019

Bootstrap Modal에서 페이지 이동 시 백그라운드 어두움효과(dim)가 사라지지 않는 문제 해결법

Bootstrap Modal Confirm 동작과 Ajax 처리 Bootstrap에서 modal로 특정 동작의 confirm동작을 하고 확인시 ajax으로 성공하면 결과페이지로 이동하는 기능에 대해 알아봅니다. 문제 상황 Modal이 사라진 후 background의 dim효과가 사라지지 않고 비활성 상태가 되는 문제가 발생했습니다. (adsbygoogle = window.adsbygoogle || []).push({}); 해결 방법 'modal-backdrop' 클래스 관련 처리로 문제를 해결할 수 있었습니다. $('#your-modal-id').modal('hide'); $('body').removeClass('modal-open'); $('.modal-backdrop').remove(); 출처...

Tuesday, January 8, 2019

javascript 화면 이동시 popstate 이벤트 문제 해결

Ajax를 이용한 뒤로가기 구현 시 발생한 문제와 해결방법 Ajax를 이용하여 뒤로가기를 구현하던 중, 페이지 이동에서도 popupstate 이벤트가 발생하는 문제가 발생했습니다. 이 문제는 Chrome 브라우저에서만 발생했습니다. 이 문제는 예전에 사파리와 크롬 브라우저 모두에게서 발생한 것으로 알려졌지만, 최근 Chrome 브라우저에서는 수정된 것으로 보입니다. 그럼에도 불구하고 여전히 Chrome에서 이 문제가 발생하는 정확한 원인은 알 수 없었습니다. !-- --> (adsbygoogle...

Saturday, January 5, 2019

Javascript에서 AWS S3 파일 업로드 시 URL 인코딩 문제 해결하기

Javascript와 AWS S3를 활용한 파일 업로드: URL 인코딩 문제 해결 이 글에서는 AWS S3와 JavaScript를 사용하여 파일을 업로드할 때 발생하는 URL 인코딩 문제에 대한 해결 방법을 제시합니다. 이는 JavaScript의 일반적인 문제로, 다른 컨텍스트에서도 적용될 수 있습니다. 문제 상황 정의 Javascript를 사용하여 AWS S3로 파일을 업로드할 때, 특히 multipart upload를 사용하면, 반환되는 data.Location 값이 한글일 경우 URL 인코딩되어 반환됩니다. 이러한 현상은 아래...

Monday, December 31, 2018

Jquery Datatable에서 Checkbox Selection 설정하기

Jquery Datatable에서 Checkbox Selection 설정하기 Jquery Datatable은 다양한 상황에서 사용자 정의를 지원하는 라이브러리입니다. 이 글에서는 특정 조건에 따라 하나의 row가 선택되도록 설정하는 방법을 소개합니다. Checkbox Selection: 기본 개념 Checkbox selection은 사용자가 테이블의 여러 행을 선택할 수 있게 해주는 기능입니다. Jquery datatable에서는 이를 위해 'rowCallback' 옵션을 제공합니다. rowCallback 옵션과 그 활용 'rowCallback'...

Tuesday, May 29, 2018

Java와 Javascript에서 상수 선언에 대한 이해

자바와 ES6에서의 상수 선언과 불변성에 대한 이해 자바와 ES6에서 상수를 선언하는 방법과 그 불변성에 대해 알아보겠습니다. 자바에서의 상수 선언 자바에서는 'static final'을 사용하여 불변하는 값을 선언합니다. 예를 들어, public static final int constInt = 1;이라고 선언하면, constInt = 2;로 변경하려고 하면 에러가 발생합니다. ES6에서의 상수 선언 ES6도 유사한 방식으로 작동합니다. 'const' 키워드를 사용하여 변수를 선언하면 재선언이 불가능합니다. 예시로, const constInt = 1;, 그리고 다시 constInt = 2;;라고 하면 에러가 발생합니다. '불변'에 대한 오해 '불변한다'라는 표현은 사람들이 쉽게 오해할 수 있습니다....