초보 개발자

ES6에서 지원하는 export 방법과 import 방법을 알아보자 // exchange.js const dollarToWonRate = 1177.1; const euroToWonRate = 1298.3; const yenToWonRate = 10.8; const cynToWonRate = 169.7; // 첫 번째 export 방법 export function dollarToWonFn(dollar) { return dollar * dollarToWonRate; }; // 두 번째 export 방법 const euroToWonFn = (euro) => { return euro * euroToWonRate; }; export { euroToWonFn }; // default 키워드를 사용하여 export를..

Babel에 관해서는 이전에 포스팅 한 글이 있다. 여기서 사용하는 babel-node와 nodemon에 대한 설명이 적혀있다. 2021.09.02 - [이것 저것] - BABEL BABEL javascript로 개발을 할 때 다들 BABEL이라는 것을 들어 본 적이 있다고 생각한다. BABEL을 쓰는 이유는 무엇때문일까? 최신버전 Javascript(좀 더 편리)로 개발을 하고 배포를 할 때 예전버전의 javascript( taehyeki.tistory.com 서버를 만들기 위해 가장 먼저 할일은 express설치이다 콘솔에 npm i express 을 입력하여 설치를 해주자 server.js라는 파일을만들고 import express from "express"; const PORT = 4000; co..

package.json안에 dependendies가 있고 그 안에 프로젝트를 구동시키는데 필요한 모듈들이 적혀져 있다. 우리가 설치한 모듈들은 node_module에 저장이 되어있다. node_module은 파일도 많고 용량도 크기에 일일이 깃에올리거나 전달하기 불편하다. .gitignore에 올려두자 따라서 우리는 package.json만 있다면 npm i 명령어를 실행하기만 하면 된다. npm이 package.json을 보고 dependencies를 찾아서 그 안에 있는 모듈들을 알아서 설치 해준다. (dependencies에 있는 모듈들을 일일이 설치 해 줄 필요가 없다) package-lock.json은 패키지를 안전하게 관리해준다. 패키지가 수정됐는지 해시값으로 체크까지 해준다..!! 설치한 버..

const User = function (name, age) { this.name = name; this.age = age; this.showName = function () { console.log(this.name); }; }; const mike = new User("mike", 30); class User2 { constructor(name, age) { this.name = name; this.age = age; } showName() { console.log(this.name); } } const tom = new User2("tom", 19); User는 생성자함수이고 User2는 클래스이다. User2의 constructor는 객체를 만들어주는 생성자 메서드이다. User age: 30 n..

function Person(name, first, second){ this.name = name; this.first = first; this.second = second; } 생성자 함수를 사용하여 객체를 하나 만들면 Person이라는 객체가 만들어지고 또 Person`s prototype이라는 객체가 만들어진다 즉 2개의 객체가 만들어 진다고 생각하자 이 두개의 객체는 서로 관련 연관되어 있다 Person이라는 객체안에는(함수지만 js에서는 함수도 object이다) 내부적으로 prototype이라는 프로퍼티가 생기고 그것은 Person`s prototype을 가리킨다 Person`s property도 어딘가의 Person의 소속이라는 것을 기록해야 한다. 그러기 위해 constructor라는 프로퍼..

prototype , 상속, 클래스와 같은 개념들은 배워도 금방 잊어버리기 쉬운 것 같다.. const user = { name : 'taehyeki' } 라는 Object가 있다고 하고 console.log(user.name)을 해본다면 'taehyeki'라는 문자열이 잘 출력될 것이다. 하지만 user.age를 출력해보면 나올까?? 물론 안나올 것이다 undefined가 출력이 될 것이다. user.hasOwnProperty('name') // true user.hasOwnProperty('age') // false hasOwnProperty메서드를 확인해보면 프로퍼티의 유무를 확인할 수 있다. 여기서 잠깐 !? 우리는 user라는 객체에 hasOwnProperty라는 메서드를 설정해 줬던 적이 있던..

객체지향 프로그래밍이란 !? 연관된 변수와 함수들을 한 덩어리로 묶어서 구조화하여 표현하는 프로그래밍 스타일을 뜻한다. 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언어에선 무조건 적으로 타입을 적어주었는데 여기서 다시보..