FRONT-END(14)
-
[Typescript] 제네릭 (Generics) , 스테틱 (Static)
제네릭 (Generics) TypeScript Generics 제네릭 (Generics)의 사전적 정의 💡 제네릭은 C#m Java 등의 언어에서 재사용성이 높은 컴포넌트를 만들 떄 자주 활용되는 특징입니다. 특히, 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용됩니다. 스테틱 (Static) TypeScript Static 스테틱 메서드 (Static method) class를 통한 별도의 인스턴스나 객체를 생성하지 않고도, 바로 class 내부의 함수 및 인자를 사용할 수 있는방법. Object_from_class = new Class; // class를 통한 객체를 생성하거나, 내부 인자에 접근하기 위해선 반드시 class를 생성한 이후 진행 가능하였습니다. class Blo..
2022.11.28 -
[TypeScript] declare, d.ts 파일 (선언 코드만 담긴 파일)
업무를 하다 보니, TypeScript를 필수적으로 사용하게 되었는데, Typescript 사용시 궁금했던 점과 잘 몰랐던것들을 정리하여, 학습하려고 한다. declare 변수, 상수, 함수, 또는 클래스가 어딘가에 이미 선언되어 있음을 알리는 역할을 한다. 다른 영역의 코드에서 declare로 선언된 해당 변수나 함수를 참조할 수 있으며 declare로 선언된 부분은 JavaScript로 컴파일 되지 않는다. .d.ts 파일 (선언 코드만 담긴 파일) 타입스크립트 선언 파일 d.ts 는 타입스크립트 코드의 타입 추론을 돕는 파일이다. 전역 변수로 선언한 변수를 특정 파일에서 import 구문 없이 사용하는 경우 해당 변수를 인식하지 못하며,그럴 때 아래와 같이 해당 변수를 선언해서 Error가 나지 않..
2022.11.28 -
비동기 처리
웹 개발에 있어 비동기 처리는 매우 중요한 부분이므로 비동기 처리의 개념과 이해를 위해 포스팅한다. 비동기 처리란? 특정 로직의 실행이 끝날때까지 기다리지 않고 나머지 코드를 먼저 실행하는것을 비동기 처리라고 한다. 비동기 처리는 왜 필요한가? 만약 사용자가 어떠한 사이트를 들어갔다. 그런데 시간이 지나도 사이트내에 데이터가 보여지지 않는다. 그렇다면 사용자 입장에서는 사이트는 죽어있다라고 생각을 하게 될것이다.즉 비동기 처리는 화면에서 서버로 부터 데이터를 요청했을때 서버가 언제 요청에 대한 응답을 줄지 모르는데, 서버가 요청의 응답을 해줄때까지 기다리게 된다면 위에 말처럼 사용자 입장에서는 사이트가 죽었다라고 판단하게 될것이다. 이러한 이유로 인해 비동기 처리는 웹개발에 있어 매우 중요하다. 간단한 ..
2021.07.18 -
node.js NVM / mac 환경 설치방법
node.js 의 버전관리를 하는 NVM에 대해 알아보겠다. node.js 를 사용하는데에 있어 버전은 중요한 부분이라고 한다. node.js 홈페이지를 들어가게 되면 LTS 버전과 , 최신 버전 이렇게 두가지 다운로드 패널이 보여진다. LTS는 비교적 안정적이고 신뢰도가 높은 버전이라고 할 수 있고, 최신 버전은 LTS에 비해 비교적 신뢰도와 안정성이 낮은 버전이라고 할 수 있다. 공부를 위해 간단하게 사용 한다면 최신버전을 사용해도 문제가 생기지 않겠지만, 프로젝트를 하게 된다면 안정성과 신뢰도가 높은 LTS버전을 사용하는것을 권장한다. NVM이란? 위에 설명한 이유로 사용하는 버전을 수시로 변경 하는 상황이 생길 수 있다. 버전 변경을 도와주는 역할을 하는것이 NVM (Node Version Man..
2021.07.17 -
node.js
최신의 웹 프론트 앤드 개발을 위해 node.js 에 대해 알아보겠다. node.js 란? Chrom V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 이다. Chorm V8 JavaScript 엔진이란 JavaScript 문법을 해석하고, 그것을 실제로 동작시켜줄 수 있는 엔진이며, 런타임 이란 어떠한 프로그래밍 언어가 동작하는 환경 이라고 한다. JavaScript 런타임 이란, 즉 자바스크립트 언어가 동작하는 환경을 말한다. JavaScript가 동작할 수 있는 환경은 크게 두가지가 있다. 첫번째 node.js 가 설치되어 있는 컴퓨터 환경 두번째 Chrome 브라우저 환경 node.js 를 알아야 하는 이유 node.js 를 사용 해야하는 이유는 여러가지가 있을 것이다. 하지만 ..
2021.07.17 -
JavaScript 시작하기
언어의 이해와 개념을 잡기 위해서 생활코딩의 내용의 일부분을 포스팅 해보았다. JavaScript란? 웹페이지를 동적으로 , 프로그래밍적으로 제어하기 위해 고안된 언어 이다. 그렇게 때문에 오늘 날 가장 중요한 플랫폼이라고 할 수 있는 웹 브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다. 최근 HTML5의 적용이 가속화 되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드,IOS)로 구현해왔던 기능이 웹에서도 대부분 구현할 수 있게 되고 있다. 웹이 크로스플랫폼이라는 점, 검색이 가능하다는 점, 네이티브 디바이스를 제어할 수 있는 하이브리드 시스템(Phonegap 등) 이 존재한다는 점에서 웹의 중요함은 더욱 확대될 전망이다. 자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요..
2021.07.17