3종류의 자바스크립트 1) 웹 브라우저에서 동작하는 표준 자바스크립트인 ES5(ECMAScript 5) 2) 2015년부터 매년 새로운 버전을 발표하는 ESNext(ES6 이후 버전을 뜻한다.) 3) ESNext에 type 기능을 추가한 TypeScript 타입 기능이 있으면 좋은 이유 오류의 원인을 좀 더 쉽게 찾기 위...

localStorage란 HTML5에서 브라우저에 추가된 저장소 이 저장소에 특정 데이터를 저장,수정,삭제가 가능하다. 브라우저 탭이나 창을 종료해도 값이 삭제되지 않는다(직접 지우거나 삭제 코드로). 저장하기 localStorage.key = value; localStorage["key"] = value; localStorage....

TypeScript로 프로젝트에서 react-router-dom을 사용하기 전 필수 터미널 명령어 react-router-dom이 이미 설치되어 있다면 npm install @types/react-router-dom react-router-dom 설치전 npm install react-router-dom @types/react-router...

해결 @types/styled-components 설치 npm i -D @types/styled-components 마치며 혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요. 지적이나 피드백은 언제나 환영입니다.

어쩌다 알았나? 프로그래머스 코딩테스트 문제를 푸는 중 다른 사람의 풀이에서 처음보는 형태의 for문 발견 for in문 array 위치에는 항상 배열이 위치 index 이름은 index가 아니어도 괜찮다. for in문은 배열에 길이만큼 실행되며 배열에 번호를 순차적으로 index변수에 담는다. const array = ["...

const constant(상수)를 뜻하며 ‘항상 같은 수’를 말한다. 값을 재할당 할 수 없다. 재선언은 할 수 없다. const name = "독고진"; name = "구애정"; console.log(name); //실행결과 TypeError: Assignment to constant variable. const 변수는...

사용하게된 이유 백엔드에서 user에 github 정보를 받아오는데 잔디까지 가져오는데 어려움이 있어 직접 알아보니 프론트에서 react-github-calendar라는 라이브러리를 사용하면 간편하게 잔디를 가져올 수 있다고 한다. 설치 npm install react-github-calendar //npm 사용시 yarn add react-...

자바스크립트 this란? 공식문서 피셜 this의 값은 호출한 방법에 따라 결정된다...라는데 사실 잘 모르겠다 그러니 직접해보자 자바스크립트 this 사용해보기 기본 세팅 index.js 객체 안에 함수도 가능 함수 안에 함수도 가능 const name = { name: "오윤희", getName: function () {...

에러 발생 index.html 파일을 Open In Default Browser(Alt+B)로 실행하니 index.js를 불러오려고 하는 부분에서 위와 같은 Error가 발생했다. 해결방법 1. http-server가 설치돼 있지 않다면 npm install http-server -g 2. http-server 실행 npx http-...

팀 프로젝트를 진행하던 중 잘 동작하던 코드에 콘솔에 위와 같은 에러가 생겼다. 아무래도 백하고 통신 중 input 값에 null이나 undefined 값이 들어가서 그런 것 같다. 동작하는 데는 아무 문제가 없지만 에러 콘솔은 없을수록 좋으니... 해결방법 input에 value 부분에 null 혹은 undefined 값일 때의 대처를 작성해...