Carl's Tech Blog Carl's Tech Blog

temp/정리

• javaScript 현재 페이지 url 주소 가져오는법

  temp/정리 2019. 5. 28. 08:55

  현재 페이지의 url 주소를 가져와 로직을 처리하고 싶을 때가있다. javascript 를 통해 window location 을 가져올수 있는 코드는 다음과 같다. ex) http://localhost:3000/gogo/30 이라는 주소가 있다면 // 현재 페이지의 href 조회(전체 주소) window.location.href 결과 : http://localhost:3000/gogo/30 // 사용하는 웹 프로토콜 조회 window.location.protocol 결과: http: // 웹 호스트 도메인 네임 조회 window.location.hostname 결과 : localhost // 현재 페이지 포트 조회 window.location.port 결과 : 3000 // 현재 페이지 경로 및 파일 이..

  Read More
• npm 최신 버젼으로 업데이트 하는 법

  temp/정리 2019. 4. 17. 09:12

  간단하게 아래와 같이 전역적으로 사용할것이니 -g 옵션을 붙여준채 인스톨 하면 된다. npm install -g npm

  Read More
• create-react-app 업데이트 하는 법

  temp/정리 2019. 4. 17. 09:10

  react 는 굉장히 빠르게 변화한다. 따라서 업데이트를 한 뒤 프로젝트를 진행하는 것이 좋다. 전역으로 사용할 명령어이니 -g 옵션을 붙여서 아래와 같이 사용한다. npm install -g create-react-app

  Read More
• 함수 파라미터 안에 = 의미

  temp/정리 2019. 2. 8. 15:19

  자바스크립트에서 함수를 선언할 때 함수의 파라미터 내부에 = 로 특정값이 적혀져 있는 경우가 있다.이런 경우는 호출시 초기값이 명시되어 있지 않는경우 초기값을 할당하는 역할을 한다.아래 자바스크립트 코드의 경우 t 가 명시되어있지 않지만 undefined 대신 초기값으로 할당한 t1의 값인 1이 콘솔창에 나타나게 된다. t1 = 1 a = (t=t1) =>{ console.log(t) } a() > 1

  Read More
• 자바스크립트에서 ... 의미 (전개연산자)

  temp/정리 2019. 2. 1. 14:10

  자바스크립트로 구성된 코드를 보다보면 ...temp 와 같이 구성된 것을 볼 때가 있다.이는 전개연산자라고 하며 ES6에서 소개된 배열의 값을 효율적으로 다룰 수 있게 해주는 문법이다.... 뒤에오는 배열을 간단하게 붙이거나 조합할 수 있다. ex) 기존 자바스크립트에서는 아래와 같이 concat 과 같은 함수를 통해 일일이 다 적어줘야만 배열을 다룰 수 있었다.> const a = [1,2,3];> const b = [4,5,6].concat(a);하지만 ... 전개연산자를 이용한다면 아래와 같이 간단하게 원하는 위치에 배열을 붙이는 등 쉽게 다룰 수 있다.> const a = [1,2,3]; > const b = [4,5,6, ...a];> const c = [4,5, ...a, 6];

  Read More
• JavaScript 에서 'use strict' 사용 이유

  temp/정리 2018. 11. 16. 10:42

  자바스크립트 관련 코드들을 보면 최상단에 'use strict' 라고 명시된 경우가 있다.'use strict' 라는 키워드를 최상단에 적어주면 문법에 기초적인 실수가 있을 때, 체크해주어 실수를 방지할 수 있다.예를 들면 let 이나 const 없이 변수를 선언 하는 경우 (좋지않는 코드)> 'use strict'> num = 1 // 빨간색으로 표시된다. 함수 내의 파라미터를 중복해서 잘못 적는 경우> 'use strict' > function add(a, a, b){return a+b } 위와 같이 미리 잘못된 코드를 표시를 해주어 에러를 방지 할 수 있다.

  Read More