자바스크립트와 만찬가지로 타입스크립트에서도 Object를 사용하여 다양하게 값을 정의 할 수 있다. 타입스크립트는 엄격한 언어이기에 다음과 같은 문제가 발생한다. const person = { name: "park" }; person.name = "Kim"; person.age = 10; // error! age는 person 오브젝트에 존재...

타입 스크립트의 선언 방식에는 자바스크립트와 다르게 두가지 방법이 있다. 타입추론 명시적선언 타입 추론 타입추론은 일반적인 javascript 와 차이가 없어보인다. let a = "string"; // typescript 처리에서 변수 a 가 String 형태를 추론해준다. a = "realString"; // a가 String ...

자바스크립트의 문제점 타입스크립를 제대로 공부하기 전에 타입스크립틑 왜 사용하며, 어떤점 때문에 자바스크립트에서 타입스크립트로 넘어가는지 알아보자. 타입스크립트란? 타입스크립트는 자바스크립트에 타입을 추가해주는 문법이다. 되게 심플하다. 타입만 추가함으로써 얻을 수 있는 장점은 다음과 같다. 타입이 존재하기에 안전성 향상 런타임에러의 ...

Google Search Console로 접속하기 https://search.google.com/search-console/about 에 접속한다. gitblog가 존재할 경우 URL 접두어 부분에 gitblog 사이트 입력을 해준다. html 파일을 다운로드 후에 root의 동일한 위치에 파일을 위치해준다. sitemap.xml 생성하...

데이터 통신에는 Ajax, fetch, Axios 등 다양한 종류가 있다. 그 중 ES6 내장 데이터 통신인 fetch 에 대해 알아보자 fetch 란? fetch는 JS의 ES6부터 생긴 내장 라이브러리이다. 때문에 별도의 설치 없이 사용할 수 있고, 비동기 통신을 지원한다. fetch의 반환값은 promise 객체를 받는다. 원...

우아한테크캠프 5기 시험 작년부터 천천히 코딩테스트도 준비해오고 나름 노력도 열심히 해왔다. 그런 바쁜 삶을 살던 중, 오랜만에 우아한테크캠프 코딩테스트 공고가 올라오자마자, 여태까지 하던 프로젝트 중단하고, 일주일전부터 여태까지 공부했던 내용을 차근차근 훑으면서 부터 천천히 시험을 봤다. 1차 전형 총 4문제가 출시되었다. 1~4문제 전부다 충...

😃 동기 node 를 사용할때마다 라이브러리를 불러와서 사용하는데, 가끔 상황에 따라 npm, npx, yarn 등으로 각각 실행 과 설치가 다를때 있다. 해당 이유가 궁금하기도 하고 알아보면 좋을거 같아 작성해본다. NPM? npm 이란 Node Package Manager 의 약자로 node.js 의 패키지를 관리해주는 패키지 툴이다. 많은...

프로젝트를 진행하면서, 취업사이트에 구인구직을 하면서 항상 보는 단어가 RestFul API 이다. 이 RestFul API는 무엇일까? 이를 위해서 우선 Rest가 무엇인지 알아보자 Rest란? ☝🏻 REST는 월드 와이드 웹과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식이다. Rest의 약자는 “Representa...

ES 모듈 import/export 문법 사용하기 기존 리액트 프로젝트에서 사용해 오던 ES 모듈 import/export 문법은 Node.js에서는 지원 ❌ Node.js v12부터 ES Module 기능이 정식으로 지원됩니다. package.json에서 코드 추가로 사용가능 (...) "scripts": { "start": "no...

LocalStorage는 웹에서 파일을 저장할 수 있는 기능, 작은 DB라고 생각하면 된다. localStorage.setItem() setItem의 경우 Key , Value 형식으로 값을 저장할 수 있다. localStorage.setItem("username", "park"); localStorage.getItem() getItem은 ...