전체 글787

• 

  [JavaScript]prompt 함수 사용 방법 prompt 함수란? JavaScript에서 prompt() 함수는 사용자에게 입력을 요청하는 프롬프트 상자를 화면에 표시하기 위해 사용됩니다. 프롬프트 상자에서 계속 진행하려면 "확인" 또는 "취소" 버튼을 클릭해야 합니다. 이번 포스팅에서는 prompt() 함수를 다루는 방법을 소개합니다. prompt() 함수 설명 prompt() 함수는 두 개의 인수를 가지는 함수이며, 사용하는 즉시 프롬프트 상자가 화면에 표시됩니다. let promptObj = prompt(message, default); 첫 번째 인수는 프롬프트 상자에 표시되는 레이블이며, 두 번째 인수는 프롬프트 상자의 텍스트 박스에 표시되는 문자열입니다. 두 개의 인수는 생략 가능하며, 다음은 크롬 브라우저에서 prompt() 함수를 사용.. JavaScript/함수 2021. 12. 21.

• 

  [C#]First, FirstOfDefault 함수 사용 방법 First와 FirstOrDefault란? First() 함수와 FirstOrDefault() 함수는 컬렉션에서 첫 번째 요소를 반환하거나 또는 조건을 만족하는 여러 요소 중에서 첫 번째 요소를 반환합니다. 이번 포스팅에서는 First() 함수와 FirstOfDefault() 함수에 대해 정리합니다. First() 함수와 FirstOfDefault() 함수 사용 방법 ▶ First() 함수 매개변수가 생략된 경우 컬렉션의 첫 번째 요소를 반환합니다. 매개변수로 람다식 또는 Func 대리자를 입력하여 지정된 조건을 만족하는 첫 번째 요소를 반환합니다. 지정된 조건을 만족하는 요소가 없거나 빈 컬렉션에서 First() 함수를 호출하면, InvalidOperationException이 발생합니다. 다음은 Fi.. C# 2021. 12. 20.

• 

  [C#]Dictionary 정렬 방법 이번 포스팅에서는 Dictionary 객체를 키(Key), 값(Value)으로 정렬하는 방법을 소개합니다. ▶ 첫 번째 방법 Dirctionary 인스턴스의 Keys 속성에 확장 메서드인 ToList()를 사용하여 List 객체를 생성합니다. List 객체의 Sort() 함수를 사용하여 Key를 정렬하고 새로운 Dictionary를 반환하는 방법이 있습니다. 내림차순으로 정렬하고 싶다면, Sort() 함수 호출 후 Reverse() 함수를 호출합니다. class Program { public static Dictionary SortDictionary(Dictionary dict) { // Key 정렬 후 반환되는 Dictionary 객체 Dictionary sortDict = new Dictionary(.. C# 2021. 12. 20.

• 

  [C#]Dictionary value 값으로 key 찾기 Dictionary 클래스는 형식의 컬렉션으로 Key는 Dictionary 객체의 고유한 값이며, Value는 Key와 매핑되는 값입니다. 이번 포스팅은 Dictionary 객체에서 Value로 Key가 존재하는지 체크하는 방법들을 소개합니다. 목차 Enumerable.FirstOrDefault() 함수를 사용 foreach문 사용 Inverse Dictionary Enumerable.FirstOrDefault() 함수를 사용 첫 번째 방법으로 FirstOrDefault() 함수를 사용하여 지정된 Value와 일치하는 Dictionary의 첫 번째 항목을 반환합니다. 다음은 Value가 20인 Key가 존재하는지 FirstOrDefault() 함수로 체크하는 예제입니다. using System; usin.. C# 2021. 12. 20.

• 

  [JavaScript]배열을 섞는 방법 이번 포스팅에서는 JavaScript에서 배열을 섞는 방법을 소개합니다. Fisher-Yates Shuffle 알고리즘 Fisher-Yates Shuffle 알고리즘은 마지막 인덱스를 시작으로 반복문이 실행됩니다. 배열 요소를 순회하여 배열의 임의의 요소로 값을 변경합니다. 인덱스 위치가 0에 도달하면 반복문은 종료됩니다. 다음은 JavaScript에서 Fisher-Yates Shuffle 알고리즘이 적용될 배열입니다. let originArray = ["A", "B", "C" , "D", "E", "F" , "G", "H", "I"]; 배열을 인자로 받으며, 배열의 요소를 뒤섞는 함수를 정의합니다. const shuffleArray = (array) => { // ... } Fisher-Yates Sh.. JavaScript/배열 2021. 12. 20.

• 

  [JavaScript]try-catch로 잡을 수 없는 예외 대부분의 개발자들은 애플리케이션이 에러로 인해 중단되는 것을 방지하기 위해 습관적으로 try-catch문을 작성합니다. 하지만 JavaScript에서는 try-catch문으로 잡을 수 없는 예외가 존재합니다. 이번 포스팅에서는 JavaScript에서 try-catch문으로 잡을 수 없는 예외가 무엇인지 설명합니다. 목차 구문 오류(SyntaxError) 비동기 코드에서 예외 Promise 예외 구문 오류(SyntaxError) 구문 오류(SyntaxError)는 코드가 실행 중이 아니라 구문이 분석되는 동안 발생하는 에러입니다. 그러므로 try-catch문으로 구문 오류를 처리할 수 없습니다. 다음은 구문 오류(SyntaxError)를 catch 못하는 예제입니다. errorFunc = function(.. JavaScript/JavaScript 문법 2021. 12. 20.

• 

  [C#]Dictionary 사용 방법 Dictionary란? C#에서 Dictionary 클래스는 형식의 컬렉션입니다. System.Collections에 정의되어 있으며 Key는 각 컬렉션에서 고유해야 합니다. 이번 포스팅에서는 Dictionary 클래스 기초적인 사용 방법을 소개합니다. 목차 Dictionary 클래스 사용 및 객체 생성 Dictionary 객체에 item 추가, 삭제, 수정 Dictionary 클래스 프로퍼티 Dictionary 객체 foreach문 Dictionary 클래스 사용 및 객체 생성 Dictionary 클래스를 사용하기 전에 using 문에 System.Collections.Generic 네임스페이스를 추가합니다. using System.Collections.Generic; Dictionary 클래스는 형식.. C# 2021. 12. 19.

• 

  [JavaScript]Moment.js 대신 Day.js 사용 Moment.js란? Moment.js는 JavaScript에서 날짜 및 시간을 조작하고 작업하는데 도움이 되는 JavaScript 라이브러리입니다. Moment.js는 날짜 및 시간과 관련된 라이브러리 중에서 가장 오래되었으며, 많은 개발자들에게 사용되었지만, 현재 다음 두 가지 이유로 개발이 중단되었습니다. Moment.js의 용량 문제 너무 오래되어 신규 기능 추가가 어려움 Moment.js의 단점을 극복하기 위해 Day.js, Luxon.js, date-fns.js 등 여러 라이브러리들이 개발되었으며, 이번 포스팅에서는 Day.js 라이브러리에 대해 소개합니다. Day.js란? Day.js는 Moment.js의 축소 버전으로 동일한 API를 사용하며 용량은 Moment.js 파일의 2~3% 밖에 .. JavaScript/라이브러리 2021. 12. 17.

• 

  [JavaScript]코드 실행 시간 측정 방법 이번 포스팅에서는 JavaScript에서 코드 실행 시간을 측정하는 몇 가지 방법을 소개합니다. 목차 Date 객체 console.time() 사용 performance.now() 사용 Date 객체 Date 객체를 사용하여 고전적인 방법으로 코드 실행 시간을 측정할 수 있습니다. 다음은 Date 객체를 사용하여 실행 시간을 측정하는 예제입니다. let loop = 100000000; // 1억 let sum = 0; let startTime = new Date().getTime(); for (let i = 1; i JavaScript/JavaScript 문법 2021. 12. 17.

• 

  [JavaScript]Moment.js 사용 방법 Moment.js란? Moment.js는 JavaScript에서 날짜 및 시간을 조작하고 작업하는데 도움이 되는 JavaScript 라이브러리입니다. Moment.js는 JavaScript에서 날짜 및 시간과 관련된 라이브러리 중에서 가장 오래되었지만, 현재 다음 두 가지 이유로 개발이 중단되었습니다. Moment.js의 용량 문제 너무 오래되어 신규 기능 추가가 어려움 Moment.js 개발자 중 한 명은 Moment.js의 단점을 극복하기 위해 Luxon.js라는 라이브러를 만들었으며, 날짜 및 시간을 조작하는 라이브러리는 Luxon.js 외에도 Day.js, date-fns.js 등 여러 가지가 존재합니다. Moment.js의 단점을 극복하기 위해 다른 라이브러리 사용을 권장하지만, Moment.j.. JavaScript/라이브러리 2021. 12. 16.

• 

  [JavaScript]일반 함수와 화살표 함수 차이 화살표 함수(Arrow Function)란? 화살표 함수는 ES6에 도입된 새로운 기능으로 일반 함수를 보다 간결하게 작성할 수 있습니다. 일반 함수와 화살표 함수는 동작 방식은 비슷하지만, 몇 가지 차이가 존재합니다. 이번 포스팅에서는 일반 함수와 화살표 함수의 차이를 소개합니다. 구문(Syntax) [일반 함수] function addFunc(x, y) { return x + y; }; [화살표 함수] let addFunc = (x, y) => {return x + y}; 화살표 함수는 일반 함수에 비해 많은 코드 입력을 요구하지 않습니다. 더 짧은 코드로 동일한 결과를 얻을 수 있습니다. 화살표 함수는 본문이 짧은 경우 중괄호와 return문을 생략할 수 있습니다. let addFunc = (x, .. JavaScript/함수 2021. 12. 15.

• 

  [JavaScript]rest와 spread 차이 rest 매개변수 rest 매개변수는 모든 요소를 배열로 모은 것이며, 여러 개의 함수 인수를 전달하는 경우 사용됩니다. function printNumber(one, two, ...rest) { console.log(one); console.log(two); console.log(rest); } printNumber(1, 2, 3, 4, 5, 6, 7); 실행 결과 위 예제에서 인수 one은 1을 참조하며 two는 2를 참조하며, 나머지 매개변수인 ...rest는 1과 2 이후에 전달된 모든 인수(3, 4, 5, 6, 7)를 참조합니다. 다음은 rest 매개변수를 구조 분해(destructuring)에 사용하는 예제입니다. let arrNumber = [1, 2, 3, 4, 5]; let [firstN.. JavaScript/JavaScript 문법 2021. 12. 14.