코딩 헬스장

✅ JS 구조 분해 할당 문법이란 무엇일까요? 단어만 보면 상당히 복잡하고 난해한 개념 같습니다. 하지만 글을 읽으시는 독자분들은 모두 한 두 번씩 써보셨거나 자주 사용하시고 있을지도 모르는 문법입니다. 저 또한 정확하게 모르고 문법만 쓰고 있었기에 이번 기회에 심화 내용도 공부하여 정리해보고자 포스팅합니다 ! 1. 구조 분해 할당 문법 객체와 배열은 JS에서 가장 많이 쓰이는 자료구조입니다. 구조 분해 할당 문법이란 객체 또는 배열에서 각각 값이나 프로퍼티를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해주는 문법을 의미합니다. 개념에 대해 정리했으니, 이제 실 사용 예제를 정리해보겠습니다. * 배열 분해하기 /* - 1) 기본 사용 형태 기본 사용 형태로 n1, n2 변수에 배열 numArr에 매칭..

회사에서 redux-saga 상태 관리 라이브러리로 개발한 프로젝트가 있는데 generator 함수와 yield 키워드를 사용해서 개발을 했었습니다. 당시에는 개발 기한이 짧아 잘 이해하지 못하고 사용했었는데, 블로그에 글을 쓰다가 generator 함수와 yield 키워드와 관련된 내용이 나와서 이번에 공부하고 포스팅합니다!! 1. generator 함수와 yield ✅ function* 키워드로 함수를 정의(generator)하고 이 함수에 포함되어 있는 property 중에 next()를 호출하여, 함수 내에서 중지했던 yield 부분부터 재개합니다. 1-1. generator 함수 function 뒤에 astrok(*)를 붙여서 generator 함수를 정의합니다. 제네레이터 함수는 일반 함수와 ..

1. JSON 이란? 1-1. 정의 JSON은 JavaScript Object Notation의 약자로, 데이터를 저장하거나 전송할때 자주 사용하는 경량화된(가벼운, 쉬운) 데이터 교환 형식입니다. 데이터 포맷일 뿐이며 통신 방법이나, 프로그래밍 문법이 아닌 단순히 데이터를 표시하는 표현 방법 입니다. 1-2. 특징 서버와 클라이언트 간의 교류에서 일반적으로 자주 사용합니다. JavaScript의 문법과 유사하지만 단순 텍스트 형식입니다. 특정 언어에 종속되지 않습니다. 2. JSON vs XML 2-1. XML 이란? XML은 EXtensible Markup Language의 약자로, HTML과 유사한 문자 기반 마크업 언어입니다. 다른 시스템끼리 다양한 종류의 데이터를 쉽게 교환할 수 있도록 해줍니다..

1. 호이스팅 이란? 1-1. 호이스팅 정의 호이스팅이란 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수의 유효 범위 최상단에 선언하는 것을 의미합니다. 이는 함수 정의보다 호출을 먼저 하더라도 문제없이 작동되는 유용한 특성입니다. 실제로 코드가 끌어올려지는 것은 아니고, JS parser 내부적으로 끌어올려 처리하는 것입니다. (=> 따라서 실제 메모리에서 변화는 없음) 유효한 블록 스코프내의 할당이 아닌 선언만으로도 최상위로 이끌어 올린 후 필요할 때마다 사용하는 것을 말합니다. 1-2. 호이스팅 사용 주의사항 코드의 가독성과 유지 보수를 위해 호이스팅이 일어나지 않도록 호이스팅이 일어나지 않도록 합니다. 호이스팅을 제대로 모르더라도 함수와 변수를 가급적 코드 상단부에 선언하면, 호이스팅으로 인한..

1. Lodash 란? 1-1. 정의 Lodash란 자바스크립트의 라이브러리로 개발을 할 때 일반적으로 많이 사용하는 기능들을 모아 제공해줍니다. 객체, 배열 등의 데이터 구조에서 데이터를 쉽게 찾거나 변환이 가능하여 자바스크립트 유틸 라이브러리로 가장 많이 쓰이고 있습니다. _ 기호를 사용하여 명칭이 Lodash입니다. 1-2. 사용 이유 Lodash는 외부 라이브러리를 사용하기 때문에 무겁고 ES6에 비해 속도가 느립니다. (단점) 그렇다면 왜 사용하는 것일까요? 그 이유는 크게 아래와 같습니다. 메서드에서 제공하는 다양한 기능으로 생산성이 높습니다. 다양한 데이터 타입을 지원하므로 처리가 용이합니다. 브라우저에서 지원하지 않는 성능이 보장되어있는 다양한 메서드가 있습니다. 1-3. ES6와 비교 E..