초보 개발자

객체지향 프로그래밍이란 !? 연관된 변수와 함수들을 한 덩어리로 묶어서 구조화하여 표현하는 프로그래밍 스타일을 뜻한다. Class 와 Object가 대표적이고 이 둘은 뗄레야 뗄 수 없는 관계이다. 객체들은 클라스를 통해서 만들어 질 수 있고, 클래스는 객체가 어떤모습을 가질지를 정의하고 묘사하는 객체의 설계도, 생산틀이다. 클라스 내에 정의 된 변수 => 프로퍼티 클라스 내에 정의 된 함수 => 메소드 class Employee { fullName: string; age: number; printInfo = () => console.log(`이름은 ${this.fullName}이고 ${this.age}살입니다.`); } const a = new Employee(); a.fullName = "taehye..

함수의 타입명시 함수의 반환(return) 타입 함수의 매개변수 (parameter) function sendGreeting(message, userName):void { console.log(`${message}, ${userName}`); } 반환값이 없는 경우 return 타입으로 void를 적어준다. function sendGreeting(): string { return "hello taehyeki"; } 반환값이 string일 경우에는 string function sendGreeting(): string[] { return ["hello", "taehyeki"]; } 반환값이 string배열일 경우에는 string[]을 적어주면 된다. C언어에선 무조건 적으로 타입을 적어주었는데 여기서 다시보..

VSCode를 설치하고 몇가지 Extension을 설치해준다. 1. prettier 내가 쓰는 코드를 보기 좋게 읽기 쉽게 정돈 해준다. 2. ESLint 코드를 검사하고 잠재적인 문제에 대해서 경고해준다. 3. Path in localfile을 빠르게 참조할 수 있도록 자동완성을 해주는 기능이다. 4. bracket parint colori 괄호끼리 색을 맞춰주어 보기 쉽게 만들어준다. 5. material icon theme 아이콘을 좀 더 이쁘게 만들어주어 코딩의욕을 샘솟게 만든다. TypeScript: JavaScript With Syntax For Types. (typescriptlang.org) JavaScript With Syntax For Types. TypeScript extends Ja..

타입스크립트를 쓰는 이유는 무엇일까 처음 자바스크립트와 전혀 다른 언어라고 생각을 했었지만 알고보니 자바스크립트를 좀 더 편리하게 사용할 수 있도록 해주는 언어임을 알 수 있었다. 타입스크립트는 자바스크립트의 기능은 모두 포함하고 있으면서도 포함되지 않은 새로운 기능들 또한 가지고 있다. 타입스크립트 자체만으로는 브라우저가 실행할 수가 없어서 꼭!! 자바스크립트로 변환하는 컴파일 작업이 필요하다 !! 1. 변수 값에 데이터 타입지정이 가능하여 다른 타입이 올 경우 사전에 오류를 방지할 수 있다. //JavaScript function add1(a, b) { return a + b; } console.log(add1("3", "5")); //TypeScript function add2(a: number, ..