Posts
ChanBLOG
Cancel

JavaScript의 구조 분해 할당(Destructuring Assignment) 활용하기

자바스크립트에서 가장 유용하고도 많이 쓰이는 문법이라 하면 구조 분해 할당을 빼놓을 수 없다고 생각합니다. 구조 분해 할당 문법은 배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해 줍니다. 배열(array)에서의 구조 분해 할당 1 2 3 let [a, b] = [10...

JavaScript의 Rest 파라미터 사용하기

JavaScript의 Rest 파라미터 사용하기 ES2015(ES6) 에서 새로 생긴 Rest 파라미터를 알아보겠습니다. 앞서 살펴보았던 spread operator 는 iterable 객체에 ...을 붙여서 요소 하나 하나를 손쉽게 전개시켜 주는 역할을 하였습니다. ...을 어디에 어떻게 사용하냐에 따라, Spread Syntax가 될 ...

Google I/O 2021 웹 세션 (1) - 쿠키 SameSite 속성, 로드 후 웹의 성능

Google I/O 2021 웹 세션 (1) - 쿠키 SameSite 속성, 로드 후 웹의 성능 Google I/O는 매년 한 번씩 구글에서 여는 개발자 컨퍼런스입니다. https://events.google.com/io/?lng=ko 이번에 Google I/O 2021을 처음 듣게 되었는데, 콘텐츠 및 주제별로 유익한 정보들이 정말 많았...

JavaScript의 spread operator(전개 구문) 사용하기

JavaScript의 spread operator(전개 구문) 사용하기 ES2015(ES6) 에서 새로 생긴 spread operator(전개 구문, 전개 연산자)에 대해 알아보려고 합니다. 참고 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Sp...

[React] 리액트 classnames 활용하기 (classnames, !! 연산자)

리액트에서 DOM 요소에 class명을 사용하는 법 기본적으로 html에서 div, span 등 DOM 요소들에는 특정 class명을 붙여서 원하는 스타일을 적용할 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 <style> .box-info{ text-align: center; } .mg-10{ ...

VS Code의 유용한 Extension(확장 프로그램) 살펴보기

Visual Studio Code(VS Code)의 유용한 Extension 살펴보기 개발을 할 때 기본적으로 필요한건 바로 IDE 일 것입니다. IDE에는 Visual Studio, Eclipse, IntelliJ, PyCharm 등 유명한 프로그램들이 많습니다. 저는 개발할 때 Visual Studio Code(VS Code)를 사용 중인...

disqus에서 utterances로 블로그 댓글기능 바꾸기

disqus에서 utterances로 블로그 댓글기능 바꾸기 지금 블로그는 github page 기능으로 호스팅을 하여 만들었습니다. 그렇다 보니 다른 블로그 플랫폼(예: 티스토리)에서와 달리 기본적으로 제공하는 댓글 기능이 없었고, 초반에 여러 메뉴얼을 참고해서 disqus를 사용했습니다. 사실 disqus를 사용하면서 예전부터 들던 불편한 ...

[redux] 리덕스(Redux)란 무엇일까?: (1) 상태(state) 관리와 불변성

리덕스(Redux)란 무엇일까? redux, redux-saga, … 리덕스와 관련한 용어는 많이 들어봤는데, 본격적으로 공부를 한 적이 없었습니다. 하지만 redux는 대표적인 상태 관리 JavaScript 라이브러리로 아직까지는 사용되는 곳이 많다 보니 이 현실을 피할 수 없었습니다. 오늘부터는 리덕스가 무엇이고, 왜 사용하게 되었는가? ...

[TypeScript] 타입스크립트에 대하여 간단히 살펴보기

타입스크립트에 대하여 간단히 살펴보기 자바스크립트는 기본적으로 타입을 느슨하게 생각하는, 동적(dynamic) 언어에 속합니다. 예를 들어, C++ 의 경우 변수 앞에 반드시 자료형을 붙여서 선언해야 합니다. 1 2 int a = 10; b = 5; // error 그러나 자바스크립트는 아래와 같이 자료형을 선언하지 않으며, 에러가 발생하...

5달만에 Google Analytics 확인, 2020년 돌아보기..

5달만에 Google Analytics 확인, 2020년 돌아보기.. 구글 애널리틱스는 주기적으로 들어가 보았지만, 처음 썼던 통계 글과 비교해 보기 위해 다시 작성하게 되었습니다. 그 당시 글에서 몇달 뒤에 방문자가 얼마일지 궁금하다고 적었는데, 벌써 5달이 지났습니다.. 먼저 주간 방문자 통계는, 이전 글에서 522명이었는데, 지...