본문 바로가기
728x90

전체 글156

[TypeScript] 여러타입 지정하기 [타입스크립트 / TypeScript] 여러타입 지정하기 타입스크립트로 소스를 작성할때 한개의 변수에 하나의 타입만 할당할수 없는 경우가 있다 예를 들면 변수가 숫자이거나 null 인 경우, 변수가 문자열이거나 undefined 인경우 위와같은 경우에는 | 를 통해서 여러 타입의 지정이 가능한데 사용 방법은 아래와 같다 🌈 기본 형태 //타입의 지정은 2개 이상도 가능하다 const 변수명 : 타입1|타입2; 🌈 사용 예제 //string 이거나 undefined let str : string | undefined = 'hello'; str=undefined; //number 이거나 null let num : number | null = 10; num = null; //string 이거나 number 이.. 2021. 6. 23.
[TypeScript] 기본 타입 정리 및 기본 문법 정리 (함수 포함) 타입스크립트 기본 타입 정리 및 기본 문법 정리 feat. 함수 타입스크립트는 자바스크립트 확장판 같은 개념이다 타입스크립트로 코드를 작성해도 결국에는 자바스크립트로 변환해서 자바스크립트 파일을 배포하거나 자바스크립트 파일을 사용해야 한다 ⭐️ 타입스크립트 원시 타입과 객체 타입 Primitive Type (원시 타입) : number, string, boolean, bigint, symbol, null, undefined Object (객체 타입): functio, array .. ⭐️ number Type //0.1, -1 소수점, 음수, 양수, 정수 등 가능 const num:number = 10; ⭐️ string Type const str:string = 'hello'; ⭐️ boolean Ty.. 2021. 6. 23.
[TypeScript] ts-node 를 통해 타입스크립트 실행하기 [타입스크립트 / TypeScript] ts-node 사용하기 🌈 ts-node란? 기존 자바스크립트를 웹이 아닌 콘솔에서 실행하기 위해서는 NodeJs 설치 후 node (자바스크립트).js 를 통하여 실행했었다. 타입스크립트 파일 또한 내부에 자바스크립트 문법으로만 작성을 한다면 node (타입스크립트).ts를 통하여 실행이 가능하다. 하지만 타입스크립트 문법으로 작성된 .ts 파일은 node를 통해 실행이 되지 않는데 이유는 node는 타입스크립트를 해석하지 못하기 때문이다. .ts 즉 타입스크립트 파일을 콘솔환경에서 node와 같이 실행하기 위해서는 아래와 같은 과정이 필요하다 🌈 ts-node Install 터미널에 아래 명령어 실행 npm install -g ts-node 🌈 TypeScrip.. 2021. 6. 23.
[TypeScript] 타입스크립트 자바스크립트로 변환하기 타입스크립트 (typescript) 파일을 자바스크립트 (javascript) 파일로 변환하기 typescript to javascript (.ts -> .js) 💡 타입스크립트 파일 (.ts)이 있는 폴더내 터미널에서 아래 키워드 입력 tsc 파일명.ts 💡 같은 폴더내 생성된 js 파일 확인 2021. 6. 23.
[맥 / Mac] 터미널 iTerm2 설치하기 / 커스텀하기 [맥 / Mac] 터미널 iTerm2 설치하기 맥 기존 terminal.app 과 같은 기능을 하지만 더욱 다양한 기능과 눈에 띄는 UI를 갖춘 iterm2 사용하기 🌈 iTerm2 Install 하단의 iTerm2 공식 홈페이지에서 다운 후 설치하기 https://iterm2.com/ iTerm2 - macOS Terminal Replacement iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain iterm2.com 🌈 homebrew Install (맥용 라이브러리 / 플러그인 등 설치 패키징 매니저) iTerms2 .. 2021. 6. 23.
[JavaScript] function.bind() / 함수.bind() [자바스크립트 / Javascript] Function.bind() / 함수.bind() 함수와 객체를 묶는(연결) 함수 bind 기본 문법 function 함수 (){ //함수 기능.. } 함수.bind(객체); 샘플 예제 const person = { name : '홍길동', age : 20 }; function PrintInformation(){ console.log(this.name,this.age); } 실행 결과 undefind undefind 샘플예제 : bind 함수를 통한 객체 연결 const person = { name : '홍길동', age : 20 }; function PrintInformation(){ console.log(this.name,this.age); } const Pri.. 2021. 6. 16.
[Javascript] 프로토타입 (Prototype) 간단한 이해 [Javascript / 자바스크립트] 프로토타입 Prototype 간단한 이해 자바스크립트 프로토타입에 대한 여러 자료를 검색 도중 프로토 타입 자체가 약간 복잡한 개념이라 그런지 대부분의 관련 자료를 검색했을때 이해가 잘 되지 않았다. 그래서 최대한 내가 이해한 내용을 바탕으로 블로그의 취지에 맞게 최대한 간단하게 메모하고자 한다 아래 두개의 예제는 객체 생성 함수 (Person)을 만들고 속성(name,age) 및 메소드(print)를 초기화하기 예제인데 모양만 다를뿐 같은 의미를 가진 코드이다 예제 1 일반적인 속성 및 메서드 추가 //일반적인 객체의 속성 및 메서드 초기화 function Person(name,age){ this.name = name; this.age = age; this.pri.. 2021. 6. 11.
[Javascript] 자바스크립트 클래스 상속에서 super의 두가지 의미 [Javascript / 자바스크립트] 객체지향 (클래스 / Class) 상속에서 super의 두가지 의미 1. 자식 클래스 내에서 부모클래스의 생성자 역할 2. 자식 클래스에서 부모 클래스의 메소드 접근 역할 기본 형태 class 부모클래스 { constructor(변수1,변수2){ this.변수1 = 변수1; this.변수2 = 변수2; } 메소드(){ //기능 ... } } class 자식클래스 extends 부모클래스 { constructor(변수1, 변수2, 변수3){ //super키워드로 부모클래스 생성자 호출 super(변수1,변수2); this.변수3 = 변수3; } 메소드2(){ //부모 클래스의 메소드 호출 super.메소드(); //추가할 자식 클래스만의 기능 ... } } 샘플 예제.. 2021. 6. 9.
[NodeJs] npm 특정버전 / 이전버전 / 원하는버전 설치 하기 [NodeJs] npm (Node Package Manager) 특정 / 이전 / 원하는 버전 설치하기 최신 버전 npm 설치 //특정 모듈 최신 버전 설치 //npm install 모듈명 npm install npm 하지만 위와같은 방법으로는 최신 버전만 설치 되기 때문에 원하는 버전이나 특정 버전을 필요로하는 사용자는 아래와 같이 입력해야 한다 특정 버전 npm 설치 //특정 버전 설치를 위해서는 //npm install 모듈명@버전 npm install npm@7.11.1 2021. 6. 9.
[HTML / Favicon] 파비콘 만들기 및 적용 방법! (브라우저 탭아이콘) [HTML / Favicon] 파비콘 만들기 및 적용 방법! 기본 형태 1. 파비콘 [favicon] 만들기 아래 웹 페이지에 접속 > icons 탭 클릭 > 원하는 아이콘 선택 후 다운로드 버튼 클릭 (svg 다운) https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 2. 다운 받은 SVG 파일을 PNG로 변환 아래 웹 페이지에 접속 > SVG to PNG 탭 클릭 > 아이콘 드래그 & 드랍 후 변환 (PNG 다운) https://svgtopng.com/ Co.. 2021. 6. 9.
728x90

티스토리툴바