본문 바로가기

개발공부일지/JavaScript25

JavaScript - 의존성에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 의존성, dependency 이라는 개념에 대해서 간략하게 설명드리도록 하겠습니다. 이는 이후에 이어질 "Test Code" 작성시 알아야 될 개념이기때문에, 개념의 대한 이해가 된다면, 각자 독립적인 테스트 코드 작성이 가능해집니다. ==================== HTML 삽입 미리보기할 수 없는 소스 ==================== HTML 삽입 미리보기할 수 없는 소스 의존성, 즉 "Dependency" 의 개념은, 하나의 구성요소를 작동하기 위해서 다른 구성요소에 의존하는 관계를 지칭합니다. 즉 만약 MVC Pattern 을 이용해서 작성한 JavaScript 파일이 존재한다고 가정해보도록 하겠습니다. 이렇게 작성하게 되면, 아래의 흐름.. 2023. 1. 11.
JavaScript - 정적(Static) Method 에 관하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는정적 Method 에 관하여 알아보도록 하겠습니다. Class 에서 사용하는 이 Static method 는 필요에 따라 사용하게 될 상황이 발생 할 겁니다. 이에 대해서 어떠한 용도인지, 어떻게 작성하는지에 대해서 알아보도록 하겠습니다. ============ HTML 삽입 미리보기할 수 없는 소스 ============ HTML 삽입 미리보기할 수 없는 소스 Class 내에서 사용하는 Static, 즉 정적 method 는 "Prototype" 이 아니라, Class 자체에서 Method 를 설정하는 것을 나타냅니다. 기초적으로는 아래와 같이 작성하면, 지정한 "method" 는 "정적" method 로 적용됩니다. 기본 작성은 아래와 같이 합니다. //.. 2023. 1. 11.
JavaScript - Class 함수 (Feat.생성자 함수/Template) 안녕하세요. 이번 포스팅에서는 Class 의 대한 기본개념, 사용에 대한 학습을 위한 포스팅을 작성해보겠습니다. 생성자 함수이기도 한 Class 는 활용하기에 따라서 코드의 대한 분리 및 작성이 매우 용이하다고 할 수 있습니다. 시작해보도록 하겠습니다. ============= 1. Class는 무엇인가요? 2. Class 기본 작성 및 주의점 3. Class 상속 사용 ============= 1. Class는 무엇인가요? Class 는 일종의 "Form" 입니다. 이 Class 는 "생성자 함수" 라고도 합니다. 한마디로, 객체를 생성하는 템플릿입니다. SQL 과 같이 일정하게 정해진 방식의 객체를 생성해야할 때 매우 유용합니다. 가장 기초적으로 아래의 형태로 작성한 Class 를 살펴보도록 하겠습니.. 2023. 1. 9.
JavaScript - Cookie 이해하기 안녕하세요. Hynn 입니다. 본격적으로 스스로 웹 서버를 만들어보기에 앞서, Cookie 를 사용할 예정인지라, 이에 대한 작성이 먼저인듯 하여, 이 포스팅을 먼저 작성하게 되었습니다. 실제 홈페이지에서 회원가입을 한 뒤, 로그인을 하면 이 "로그인 정보"를 가지고 있어야, 회원만이 접근이 가능한 서비스에 이동할 수 있고, 데이터에 액세스할 수 있는 자격이 주어지게끔 하기 위해서는 Cookie 혹은 Session 의 대한 개념을 이해하고 있어야 합니다. 이에 대해서 기초적 개념을 먼저 알아보도록 하겠습니다. ============ 1. Cookie 는 무엇인가요? 2. Cookie 는 어떻게 확인하나요? 3. 실제 코드 예제 작성해보기 ============ 1. Cookie 는 무엇인가요? JavaS.. 2023. 1. 4.
JavaScript - Array Function ( ForEach, Filter, Some, map, reduce) 안녕하세요. 이번 포스팅에서는 이전 포스팅에서 예고한대로, Array Function Method 에 대해서 설명하고자 합니다. 각각의 순서에 따라 설명을 할 예정이며, 이는 For 문과 일부 흡사하면서도 다른 함수 메소드 입니다. 한가지씩 차근차근 알아보도록 하겠습니다. =========== 1. ForEach 2. Filter 3. Some,every 4. Map 5. Reduce =========== 1. ForEach forEach 의 경우, Callback 함수와 유사하게 동작합니다. 하지만 몇가지의 특징이 존재하는 forEach 문은 사용시 주의를 요하는 함수이기도 합니다. 먼저 기본적인 사용예제를 작성해보도록 하겠습니다. const arr = [1,2,3,4,5,6,7,8,9,10,11,12.. 2022. 11. 22.
JavaScript - 고차함수에 대하여 안녕하세요. Hynn 입니다. 이번 포스팅에서는 고차함수 (Higher-Order-Function) 에 대해서 포스팅해보도록 하겠습니다. 더블어 다음 포스팅에서는 고차함수에 적용되는 Method 까지 하여, 2개의 포스팅으로 나누어 작성할 예정입니다. ========== 1. 고차함수란 ? 2. 퍼스트클래스 함수 3. 고차함수 작성예제 ========== 1. 고차함수란 ? 고차함수(Higher-Order-Function) 은, 함수를 인자값으로 받거나, 함수를 반환하므로써, 작동하는 함수를 말합니다. 즉 함수를 작성했는데, 인자값이 함수이거나, return 값이 함수인 것을 뜻합니다. 이는 코드작성시에 조금 더 간결하게 작성할 수 있고, 결과물 자체에도 함수가 적용되므로, 적용된 값만 변경이 되면, 출.. 2022. 11. 21.

티스토리툴바