본문 바로가기

전체 글

 (57)
2022년 1월 4일 개발일지 새해복 많이받으세요 !! 타입스크립트 공부 ! void : 어떤 타입도 가지지않는 빈 상태 (리턴이 없는것을 void 로 지정 ) 타입시스템 - 컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템 - 컴파일러가 자동으로 타입을 추론하는 시스템 타입스크립트의 타입 시스템 - 타입을 명시적으로 지정할 수 있습니다 . - 타입을 명시적으로 지정하지 않으면 , 타입스크립트 컴파일러가 자동으로 타입을 추론 function f3(a) { return a * 38 ; console.log(f3('Mark') + 5 ) // NaN nolmplicitAny 옵션을 켜면 타입을 명시적으로 지정하지 않은 경우 , 타입스크립트가 추론중 'any' 라고 판단하게 되면 , 컴파일 에러를 발생시켜 명시적으로 지정하도록 유도합..
2021년 12월 30일 개발일지 vue.js 공부 기본적으로 vue js 에서는 script태그에서 js를 작성하는데 , 뷰 만의 여러가지 요소들이있습니다 . 첫번째로 가장 많이 쓰는것은 data() 인데 , 이 데이터 함수 안에 state를 집어넣어서 , template , 즉 HTML을 작성하는 부분에서 {{}}중괄호 두개로 감싸면 쉽게 바로 접근을 할 수 있습니다 . {{ msg }} 그리고 method : {} 를 data 밑에 추가하여 함수를 작성하여 사용할수 있고 , state값에 접근을 하려면 this.를 붙여서 사용 하면 됍니다 . computed라는 속성도 있는데 , 이 속성을 사용하면 한번 연산된 자료를 재 연산할 필요 없이 재 사용할수 있어서 효율적입니다 . 하지만 이 computed는 읽기전용 이라고 할 수 있습니..
2021년 12월 29일 개발일지 타입스크립트에 대해서 더 공부 . null type null 이라는 값으로 할당된 것을 null이라고 합니다 . 무언가가 있는데 , 사용할 준비가 덜 된 상태 입니다 . null이라는 타입은 null이라는 값만 가질 수 있습니다 . 런타임에서 typeof 연산자를 이용해서 알아내면 , object입니다 . undefined type 값을 할당하지 않은 변수는 undefined 라는 값을 가집니다 . 무언가가 아예 준비가 안된 상태 입니다 . object의 propery가 없을 때도 undefined입니다 . 런타임에서 typeof 연산자를 이용해서 알아내면 , undefined입니다 . object 원시타입이 아닌것을 나타내고 싶을때 사용하는 타입 array 원래 자바스크립트에서 array는 객체입니다 ..
2021년 12월 28일 개발일지 타입스크립트에 관해 공부 처음으로 타입스크립트에 관해서 공부를 해보려고 합니다 . 타입스크립트란 ? Type JavaScript at any Scale - TypeScript extends Javascript by adding types - By understanding Javascript, TypeScript saves you time catching errors and prociding fixes before you run code. - Any browser , any OS , anywhere JavaScript runs. Entirely Open Source. - Type Superset of JavaScript - compiles to plain JavaScript - It is a Compile..
2021년 12월 27일 개발일지 자바스크립트 코어 정규표현식에대해서 더 공부해보았습니다 . 정규표현식 (Regular Expression) 역할 - 문자 검색(search) - 문자 대체(replace) - 문자 추출(extract) const str=` 010-1234-5678 jay08111@naver.com https://www.naver.com aabbcccccdd The quich brown fox jumps over the lazy dog ` const regExp = new RegExp('the' , 'gi' ); console.log(str.match(regExp)); // [The,the] new RegExp 생성자 첫번째 인수는 찾고싶은 단어 , 두번째인수의 g는 글로벌 즉 모든 the를 찾으라는 내용이고 , i는 대..
2021년 12월 24일 개발일지 자바스크립트 lodash import _ from 'lodash' _.uniq([2,1,2]); // [2,1] 중복되는 내용들을 제거할수 있습니다 . 저는 보통 set을 이용해서 중복되는 내용들을 제거후에 다시 배열에 할당해서 그 배열을 고차함수를 돌리는 작업들을 종종했습니다 const newArrayFromApi = [ ...new Set(list.map(item => item.category) ] 이렇게 작성하면 list라는 배열에 들어있는 category항목중 중복되는 값을 모두 제거한 새로운 배열이 탄생하게 됩니다 . 이것말고도 유용한 메소드들이 많이있는것 같습니다 . 로컬스토리지와 세션스토리지 로컬스트리지는 사이트를 닫아도 데이터가 날아가지않고 , 세션스토리지는 날아갑니다 . localStor..
2021년 12월 23일 개발일지 개인 프로젝트에 집중하느라 블로그 운영을 한동안 하지못했네요 . 자바스크립트 코어에 대해서 공부하였습니다 . 클래스 function User (first , last) { this.firstName = first this.lastName = last } const heropy = new User('Heropy' , 'Park') console.log(heropy) // { firstName : "Heropy' , lastName:"Park" } 여기서 User 는 생성자 함수 (constructor) 입니다. ( 네이밍은 파스칼케이스로 , 생성자 함수라는 개발자들의 암묵적인 규칙) 제가알기로 자바에서는 이 constructor가 하나에 클래스에 반드시 한개 이상 존재해야하는데 자바스크립트에서도 이러는지는..
2021년 12월 15일 개발일지 자바스크립트 코어 공부 즉시실행 함수 (IIFE) 함수 정의와 동시에 즉시 호출되는 함수를 즉시 실행 함수라고 합니다 . 즉시실행 함수는 단 한번만 호출되며 다시 호출할수 없습니다 . (function(){ var a =3; var b =5; return a * b; }()); 즉시 실행 함수는 함수 이름이 없는 익명 함수를 사용하는것이 일반적입니다 . 함수 이름이 있는 기명 즉시실행 함수도 사용할수 있지만 , 즉시실행함수를 다시 호출할수는 없습니다 . 즉시 실행 함수는 반드시 그룹 연산자(...)로 감싸야 합니다 .그렇지않으면 에러가 발생합니다 . 콜백 함수 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수 고차 함수 매개 변수를 통해 함수의 외부에서 콜백 함수를 전달받은 함수 콜백 함수는 고차..

티스토리툴바