분류 전체보기

 (51)
[ Typescript ] 타입스크립트 심화 interface IProfile { name: string; age: number; school: string; hobby?: string; } Partial 타입 :: 모든 타입에 "?" 붙임 type aaa = Partial; // 결과 interface IProfile { name?: string; age?: number; school?: string; hobby?: string; } Required 타입 :: 모든 타입이 필수가 됨 type bbb = Required; // 결과 interface IProfile { name: string; age: number; school: string; hobby: string; } Pick 타입 :: 골라서 사용 가능하게 됨 type ccc = Pick;..
[ Typescript ] 타입스크립트 종류 문자(string), 숫자(number), 참 또는 거짓(boolean) 타입 const getPrimitive = (arg1: string, arg2: number, arg3: boolean): [boolean, number, string] => { return [arg3, arg2, arg1]; } const result1 = getPrimitive("철수", 123, true); any 타입 ::: 자바스크립트와 똑같아 짐! const getAny = (arg1: any, arg2: any, arg3: any): [any, any, any] => { console.log(arg1 + 100); // any는 아무거나 다 됨! return [arg3, arg2, arg1]; } const result..
[ Typescript ] 타입스크립트 기초 타입 추론 let aaa = "안녕하세요"; // TYPE => string aaa = 3; // error 발생!! 타입 명시 let bbb: string = "안녕하세요"; bbb = 10; // error 발생!! 배열 타입 let fff: number[] = [1, 2, 3, 4, "a"] // "a"에 error 발생!! let ggg: string[] = [1, '2', '3', '4', "a"] // 1에 error 발생!! let hhh: (number | string)[] = [1, '2', '3', '4', "a"] 객체 타입 interface IProfile { name: string age: number | string school: string hobby?: string // "?..
[ Typescript ] 타입스크립트를 사용하는 이유 타입스크립트 왜 사용할까? 타입스크립트는 자바스크립트에 타입을 부여한 자바스크립트의 확장된 언어라고 볼 수 있다. 자바스크립트만으로도 충분히 개발 할 수 있는데 왜 굳이 타입스크립트를 사용해야 할까? 라는 의문이 들었다. 단지 최신 기술이라서? 혹은 다른 사람들도 많이 사용하니까 나도 써야 하는 걸까? 라는 생각이 들었다. 공부를 계속 하면서 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다는 결론을 냈다! 사전의 에러 방지 타입스크립트는 사전에 에러를 방지 할 수 있다. function sumJs(a, b) { return a + b; } function sumTs(a: number, b: number) { return a + b; } sumJs는 자바스크립트, sumTs는 타입스..
[ 완료 ] Todo List GitHub https://github.com/larmong/todo-list ProjectURL https://larmong.github.io/todo-list/ React - Todo List 기본 todo list 스타일링 리스트 추가 모달창 light / dark 모드 완료된 리스트 체크 기능 리스트 추가할때 현재 날짜로 추가 리스트 수정 리스트 삭제 (할지말지 모르겠음) 서버 연동 Timeline 2022-07-10 기본 todo list 스타일링 2022-07-11 프로젝트 완료(서버제외)
[ JavaScript ] 매개변수와 인자 매개변수와 인자 개념 function 함수이름(매개변수1, 매개변수2, ...) { 실행문; } 함수이름(인자1, 인자2, ...); 매개변수 함수 선언에서 활용하기 위하여 사용하는 변수를 '매개변수'라고 부릅니다. 이름에서 드러나듯이 나중에 함수를 호출할 때 매개 역할을 하는 변수입니다. 인자 함수를 호출할 때 사용하는 것을 '인자'라고 합니다. 즉, '전달인자'를 뜻합니다. 디폴트 매개변수(Default Parameter) 디폴트 매개변수 함수를 선언할 때, 매개변수의 값을 기본적으로 정해놓는 것을 말합니다. 기본 값을 정해두지만 함수 호출시 값을 전달한다면 그 값으로 대치됩니다. function multiply(a, b = 2) { return a * b; } var result = multiply..
[ JavaScript ] forEach() Array.prototype.forEach() Array(배열) 객체의 메서드인 forEach() forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, increase를 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있습니다. forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 참고 https://yuddomack.tistory.c..
[ Javascript ] 화살표 함수(Arrow function) 화살표 함수는 ES6문법입니다. function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있습니다. 화살표 함수는 항상 익명입니다. // 일반 함수 var foo = function () { console.log("foo") }; // foo // 화살표 함수 var bar = () => console.log("bar"); // bar 1. 화살표 함수의 기본문법 // 매개변수가 없는 경우 var foo = () => console.log('bar'); foo(); // bar // 매개변수가 하나인 경우 var foo = x => x; foo('bar'); // bar // 매개변수가 여려개인 경우 var foo = (a, b) => a + b; // 간단하게 한줄로 표현할 땐 "{..

티스토리툴바