본문 바로가기

function6

TypeScript - 타입스크립트 원시타입 & 유니언타입 정리 안녕하세요. Hynn 입니다. 이번 포스팅에서는 연속적으로, 원시타입부터, TypeScript 에서 사용할 수 있는 타입의 종류, 작성방법에 대해서 작성해보도록 하겠습니다. JavaScript 에서는 변수에 담기는 컨텐츠들이 각자 고유의 타입을 가지고 있습니다. 기존에서 JavaScript 의 타입은, 사용자가 추측하여 작성하거나, 어떤 타입이 되었든, 형변환을 통해 사용하는 형태로 사용했다면, TypeScript 에서는 코드 작성자가 타입을 명시해야 하며, 이를 준수하지 않을 경우, 오류가 반환되는 형태로 작성이 필요합니다. 시작해보겠습니다. ============== 1. 타입에 대해 알아보기 2. 원시타입 & 3. 유니언타입 4. 타입 작성방법 ============== 1. 타입에 대해 알아보기 .. 2023. 4. 23.
React - Component & Props 이해하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 에서 가장 중요하게 다루게 될 Component & Props 에 대해서 알아보도록 하겠습니다. React 를 다루기 위해서 가장 중요한 개념이 될 두가지를 알아보도록 하겠습니다. ========= HTML 삽입 미리보기할 수 없는 소스 ========= HTML 삽입 미리보기할 수 없는 소스 Component 는 크게 "Function Component", "Class Component" 두가지가 존재합니다. 즉 함수형 컴포넌트, 클래스 컴포넌트라고 불리우게 되는데, 이는 이미 JavaScript 에서 우리가 작성을 해보았던 개념입니다. 예시를 간단하게 살펴보도록 하겠습니다. 1) Function Component const Text = (pr.. 2023. 2. 24.
JavaScript - 고차함수에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 고차함수 (Higher-Order-Function) 에 대해서 포스팅해보도록 하겠습니다. 더블어 다음 포스팅에서는 고차함수에 적용되는 Method 까지 하여, 2개의 포스팅으로 나누어 작성할 예정입니다. ========== 1. 고차함수란 ? 2. 퍼스트클래스 함수 3. 고차함수 작성예제 ========== 1. 고차함수란 ? 고차함수(Higher-Order-Function) 은, 함수를 인자값으로 받거나, 함수를 반환하므로써, 작동하는 함수를 말합니다. 즉 함수를 작성했는데, 인자값이 함수이거나, return 값이 함수인 것을 뜻합니다. 이는 코드작성시에 조금 더 간결하게 작성할 수 있고, 결과물 자체에도 함수가 적용되므로, 적용된 값만 변경이 되면, 출.. 2022. 11. 21.
JavaScript 실습예제 - Lotto 번호 생생 웹 페이지 만들기 안녕하세요. 이전 포스팅에서 작성한 여러개의 기능을 사용하여, 이제 Lotto 번호 생성기를 만드는 예제를 작성해보겠습니다. 각 페이지 단계별로 설명을 첨부하였으니, 참고하시면 도움이 될 것이라고 생각합니다. 그리고, 코드를 조금 더 간추린 버전을 설정하여, 페이지 하단에 기재했으니, 참고하시면 좋을 거 같습니다. 이에 대해서는 별도의 설명을 하지 않겠습니다. ========================== 1. Lotto 번호 만들기 - HTML 2. Lotto 번호 만들기 - CSS 3. Lotto 번호 만들기 - JavaScript 4. 코드 정리하기 ========================== 1. Lotto 번호 만들기 - HTML 먼저 HTML은 간촐하게 작성합니다. 먼저 영역을 설정하기 .. 2022. 11. 10.
JavaScript - Windows 객체 안녕하세요. Hynn 입니다. 이전 포스팅까지에서는, JavaScript 의 기본적 의의, 변수, 연산자, 함수 기본의 대한 포스팅 위주로 작성을 했습니다. 이제 JavaScript 라는 친구를 사용해서, HTML/CSS 에 같이 녹여내기 위해서는, DOM,BOM 이라는 개념을 학습해야 합니다. 하지만 이 DOM/BOM 이라는 개념을 알기 전, 반드시 알아야 할 개념의 대한 이해를 하고 난 뒤, 주제를 다루어볼까 합니다. 다소 지루한 내용이 될 수 있겠지만, 이 내용에 대해서는 개념을 이해하기 위해 반드시 필요한 주제라고 생각됩니다. 시작해보겠습니다. ============ 1. Window 란 무엇인가? 2. Window 객체를 활용하기 3. DOM/BOM 의 개념 ============ 1. Wind.. 2022. 11. 7.
JavaScript - 매개변수와 인수 (About Parameter and Argument) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 매개변수와 인수에 대해서 알아보도록 하겠습니다. 이전 포스팅에서는 함수의 기본적인 작동원리, 즉 기초적인 사항에 대해서 알아보았습니다. 이제 함수를 구성하고 있는 구성요소 하나 하나에 접근하여, 이 함수에서 어떠한 구성요소가 있고, 어떠한 역활을 하는지, 실제 예제를 통해 알아보도록 하겠습니다. ============================ 1. 매개변수와 인자 ? 2. 실제 작동예시 보기 ============================ 1. 매개변수와 인자 매개변수는 단어 그대로는 Parameter, 하지만 수학에서 사용한 그 Parameter 와는 그 의미적 전달이 다소 다르다고 할 수 있습니다. 이 매개변수는 함수를 정의(선언) 하는 변수명을.. 2022. 11. 3.

티스토리툴바