전체 글787 [Svelte]모듈 콘텍스트(module context) 모듈 콘텍스트(module context) 스벨트의 모듈 콘텍스트는 컴포넌트의 내부에 작성된 코드를 공유하는 방법입니다. 컴포넌트가 모듈 컴포넌트라는 것을 명시하기 위해서는 script 태그의 context 속성에 "module"이라는 값을 할당합니다. 만약 script 태그에 context 속성을 명시하지 않는 경우 해당 컴포넌트는 인스턴스 콘텍스트입니다. 다음 예제를 통해 모듈 콘텍스트에 대해 이해해봅시다. App.svelte 파일에는 script 영역이 두 개입니다. 첫 번째 script 영역에는 num이라는 변수가 존재하며 두 번째 script 영역에는 첫 번째 script 영역에 선언된 변수 num의 값을 증가시키는 add() 함수가 존재합니다. [App.svelte] num: {num} + [.. Svelte 2022. 7. 11. [C#]LINQ 데이터 필터링 방법 - Where절 Where절 LINQ의 Where문은 원본 데이터에서 일부 조건을 만족하는 데이터를 추출해야하는 경우 사용됩니다. 예를 들자면, 아래 조건을 만족하는 데이터를 추출하기 위해 Where문을 사용할 수 있습니다. - 이름이 "A"로 시작하는 문자열만 추출 - 급여가 4,000만원 이상인 직원을 추출 - 나이가 20세 이상인 사람을 추출 오버로드된 두 가지 버전 메서드 구문을 사용하여 질의를 작성하는 경우 Where() 메서드를 사용합니다. Where() 메서드는 오버로드된 두 가지 버전이 존재합니다. public static IEnumerable Where( this IEnumerable source, Func predicate); public static IEnumerable Where( this IEnu.. C#/LINQ 2022. 7. 10. [C#]LINQ SelectMany 메서드 SelectMany 메서드 LINQ의 SelectMany() 메서드는 질의 구문에서 사용할 수 없으며 메서드 구문에서 사용할 수 있는 기능입니다. .NET 공식 문서에서는 SelectMany() 메서드를 다음과 같이 정의합니다. 시퀀스의 각 요소를 IEnumerable에 투영하고 결과 시퀀스를 단일 시퀀스로 평면화합니다. 음... 솔직하게 무슨 말인지 이해가 안 되네요. 예제를 통해 SelectMany() 메서드가 어떻게 동작하는지 알아봅시다. 다음 예제는 string 타입으로 구성된 List에서 SelectMany() 메서드를 호출합니다. class Program { static void Main(string[] args) { List strLi = new List() { "Hello", "C Shar.. C#/LINQ 2022. 7. 10. [C#]LINQ Select절 Select문 LINQ의 Select문은 SQL의 Select문과 동일합니다. Select문은 데이터의 모든 항목을 추출할 것인지 특정 항목만 추출할 것인지 설정할 수 있는 문법입니다. Select문은 질의 구문(Query Syntax), 메서드 구문(Method Syntax) 둘 다 존재합니다. 따라서, 이번 포스팅에서는 질의 구문, 메서드 구문에서 Select문을 사용하는 방법을 소개합니다. 예제 1. 기본 사용 방법 다음 예제는 질의 구문과 메서드 구문을 사용하여 데이터 원본에서 모든 항목 추출합니다. class Person { public int ID { get; set; } public string Name { get; set; } public int Age { get; set; } public.. C#/LINQ 2022. 7. 10. [C#]LINQ 확장 메서드 LINQ 확장 메서드 LINQ의 Where(), Union(), Join() 메서드 등.. 해당 메서드들은 Enumerable 클래스에서 구현됩니다. 이 메서드들은 IEnumerable 인터페이스 타입의 확장 메서드로 구현됩니다. 다음 예제를 살펴봅시다. List strArr = new List{ "Apple", "Banana", "Car", "Angular", "Add", "Sum" }; IEnumerable linqResult = strArr.Where(item => item.StartsWith("A")); 컬렉션 클래스인 List에는 다음 사진처럼 Where() 메서드가 존재하지 않지만, Where() 메서드를 호출해도 전혀 문제가 없습니다. System.Linq 네임스페이스에 존재하는 Enumer.. C#/LINQ 2022. 7. 10. [C#]LINQ와 IEnumerable, IQueryable 인터페이스 이번 포스팅은 C#의 IEnumerable, IQueryable 인터페이스에 대해 설명합니다. C#의 LINQ를 사용하여 예제를 설명하므로 LINQ에 대해 모르시는 분들은 아래 포스팅을 읽어주시길 바랍니다. [C#]링크(LINQ)란? LINQ란? LINQ(Language-INtegrated Query)의 약자인 LINQ는 데이터 질의(Query) 기능을 C#에서 사용할 수 있는 기술입니다. 쉽게 설명하자면 C#의 배열, 컬렉션, XML, DataSet 등... 에서 내가 원하는 데이터만 가.. developer-talk.tistory.com [C#]LINQ 질의 구문과 메서드 구문 LINQ를 사용하여 원하는 데이터를 추출하기 위해 질의(Query)를 작성하는 방법은 질의 구문(Query Syntax)과 .. C#/LINQ 2022. 7. 10. [C#]LINQ 중복 제거 Distinct 메서드 LINQ의 Distinct() 메서드는 단일 데이터 타입에서 중복되는 요소를 제거하고 고유한 요소를 반환합니다. 단일 데이터 타입 사용자 정의 클래스가 아닌 int, string, boolean 등 기본 타입을 의미합니다. Distinct() 메서드는 다음 코드처럼 오버로드된 두 가지 버전이 존재합니다. public static IEnumerable Distinct(this IEnumerable source); public static IEnumerable Distinct( this IEnumerable source, IEqualityComparer comparer ); 두 가지 버전의 차이는 IEqualityComparer를 사용 유무입니다. IEqualityComparer는 어.. C#/LINQ 2022. 7. 10. 코딩 테스트의 문제점 라떼는... 겨우 3년 전이지만 이 당시에는 코딩 테스트가 크게 활성화되지 않았다. 그래서 내가 취업을 준비하던 시기에는 대부분 쉬운 문제들만 출제되었고 "그냥 채용 과정에 필요한 절차구나.." 이 정도로 대수롭지 않게 넘어갔었다. 지금은 코딩 테스트와 관련된 서적, 강의가 넘쳐날 정도로 코딩 테스트가 활성화되었는데 "음.. 이게 좋은 현상인가?"라는 의문이 들었다. 코딩 테스트를 비관적으로 보는 이유 시대의 흐름, 기초 역량, 알고리즘 지식 등 뭔가 대단한 단어로 코딩 테스트를 언급하는데 현실적으로 코딩 테스트를 제대로 준비하는 기업은 거의 없다. 그럼에도 불구하고 코딩 테스트에 몰두하는 현상이 나로서는 안타까울 뿐이다. "저는 프론트엔드 개발자인데, 코딩 테스트에서 사용되는 언어 중 파이썬이 성능이 .. 일상/개발이야기 2022. 7. 10. [C#]LINQ 질의 구문과 메서드 구문 LINQ를 사용하여 원하는 데이터를 추출하기 위해 질의(Query)를 작성하는 방법은 질의 구문(Query Syntax)과 메서드 구문(Method Syntax)이 존재합니다. 질의 구문과 메서드 구문은 동일한 작업을 수행하지만 소스 코드를 작성하는 방법은 다릅니다. 쿼리 구문은 DataBase의 Query문과 비슷하고 메서드 구문은 C#의 문법과 매우 유사합니다. 즉, DataBase에서 Query문을 작성해보지 않은 개발자는 쿼리 구문보다 메서드 구문이 익숙할 것이며, Query문을 작성해본 개발자는 쿼리 구문이 익숙할 수 있습니다. 질의 구문(Query Syntax) 질의 구문은 LINQ를 소개하는 포스팅에서 설명했듯이 from 키워드로 시작해서 select 키워드로 끝납니다. 질의 구문에서 사용되.. C#/LINQ 2022. 7. 10. [C#]링크(LINQ)란? LINQ란? LINQ(Language-INtegrated Query)의 약자인 LINQ는 데이터 질의(Query) 기능을 C#에서 사용할 수 있는 기술입니다. 쉽게 설명하자면 C#의 배열, 컬렉션, XML, DataSet 등... 에서 내가 원하는 데이터만 가져오고 싶은 경우 사용할 수 있는 기술이라고 말할 수 있습니다. LINQ의 장단점을 알아보기 전에 LINQ가 무엇인지 다음 예제를 통해 간략하게 알아봅시다. 다음 예제는 배열에서 대문자 "A"로 시작하고 문자열의 길이가 3보다 큰 문자열을 LINQ로 추출한 뒤 콘솔에 출력합니다. class Program { static void Main(string[] args) { string[] strArr = { "Apple", "Banana", "Car", .. C#/LINQ 2022. 7. 9. 개발 블로그로 티스토리를 선택한 이유 개발 블로그를 시작한 이유 나는 대학생 때 네이버 블로그 잠깐 깔짝거렸고 회사 입사한 지 1년 뒤 티스토리를 본격적으로 시작했다. 개발 블로그를 시작한 근본적인 이유는 돈이다. 적금을 들어도 만기 되면 10~20만 원... 집 값은 미친 듯이 오르는데 말이지... 주식도 하고 있기는 한데 지금 달러랑 채권을 제외하고는 수익률이 좋지 않다. 달러 상승률보다 주식 하락률이 더 심각해서 달러 비중이 주식보다 커야 본전인데... 아무튼 주식은 상당히 어렵다. "주식과 적금으로는 도저히 돈을 벌 수 없겠다"라고 생각했고 "퇴사하고 사업해?"라는 생각도 했으나 대책 없는 생각이었다. 음.. 내가 개발과 관련된 일을 하고 있고.. 계속해서 공부를 해야 한다면.. 개발에 대해 공부를 하면서 돈을 버는 방법.. 정답은 .. 티스토리/티스토리 가이드 2022. 7. 9. [Svelte]리액티브 구문(Reactive statements) 리액티브 구문(Reactive statements) 리액티브 구문은 JavaScript 문법을 특별하게 다루는 스벨트의 기능이며, 리액티브 구문에서 참조하고 있는 변수 중 어떤 것이라도 그 값이 바뀌면 실행됩니다. 다음 예제는 + 버튼을 클릭하면 상태 num의 값이 1 증가하고, - 버튼을 클릭하면 1 감소합니다. 리액티브 구문을 사용하여 상태 num의 값이 변경될 때마다 num의 값을 콘솔에 출력합니다. {num} num++}>+ num--}>- [실행 결과] Chrome 개발자 도구의 콘솔 창에서 상태 num의 값이 변경될 때마다 콘솔에 출력되는 것을 확인할 수 있습니다. 스벨트의 $: 스벨트는 JavaScript의 레이블( : )을 사용하여 상태 종속성을 기반으로 상태가 변경되면 즉시 실행할 수 있.. Svelte 2022. 7. 8. 이전 1 ··· 24 25 26 27 28 29 30 ··· 66 다음