자바스크립트는 ES6+ 문법에 적용된 map에 대해 알아보겠습니다. MDN에 적혀있는 map의 정의는 '배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.'입니다. 가장 기본적인 사용방법은 이렇습니다. 순서가 있는 자료구조에 map이라는 메서드를 사용할 수 있습니다. 여기서 순서가 없는 자료구조란 Set을 의미합니다. Set은 순서를 보장하지 않는 배열로 중복을 허용하지 않는 배열입니다. 간단히 Set에 대해 예시를 살펴보고 넘어가겠습니다. a라는 이름의 리스트를 선언해줬습니다. 하지만 5라는 값이 중복되네요. b라는 이름으로 a를 Set형식으로 저장했고 출력했더니 중복된 값이 하나만 저장된 것을 확인할 수 있었습니다. 중복을 허용하지 않는 것이 Set의 특성..
이번 글에선 프론트엔드의 기본인 api호출을 알아보도록 하겠습니다. api란 Application Programming Interface의 줄임말입니다. API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타냅니다. 인터페이스는 두 애플리케이션 간의 서비스 계약이라고 할 수 있습니다. 이 계약은 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의합니다. API문서에는 개발자가 이러한 요청과 응답을 구성하는 방법에 대한 정보가 들어있습니다. 출처: aws 간단히 말해 API는 어떠한 응용프로그램에서 데이터를 주고 받기 위한 방법을 의미합니다. 어떤 특정 사이트에서 특정 데이터를 공유할 경우 어떠한 방식으로 정보를 요청해야하는지, 그리고 어떠한 데이터를 제공받을..
이번 글에선 자바스크립트로 개발을하면서 유용하게 사용한 문법에 대해 알아보겠습니다. 여기서 유용하다는 것은 생산성증가, 안정성증가, 가독성증가를 기준입니다. 1. 함수 표현식 자바스크립트는 함수를 선언하는 방식과 표현하는 방식으로 함수를 사용할 수 있습니다. 함수 선언식과 함수표현식의 결과에 대한 차이가 보이시나요? 네, 전혀 보이지 않을 것입니다. 출력한 값도 같고 실행시간도 비슷하기 때문이죠. 하지만 우리는 코드의 안전성을 위해 함수 표현식을 사용해야합니다. 함수의 호출 위치에 따라 그 차이는 명백히 드러납니다. 함수 표현식은 호이스팅이 되지 않고, 함수 선언식은 호이스팅이 가능합니다. 호이스팅이란 : 선언된 변수 또는 함수를 실행가능 범위의 최상단으로 끌어올리는 것 호이스팅은 개발 중 경계해야하는 ..
사용자들은 대부분의 인터넷 요소들을 브라우저라는 창을 통해 보게 됩니다. 브라우저에 무언가 보이는 건 너무나도 자연스럽기 때문에 그 과정에 대해 궁금해하거나 의심하지 않을 것입니다. 하지만 모든 프론트엔드 개발자들은 브라우저 작동 원리에 대해 알고 있어야합니다. 그래야 사용자가 불편해하지 않을 홈페이지를 만들 수 있기 때문입니다. 지연되는 홈페이지, 느리게 반응하는 홈페이지 등 최적화되지 않은 홈페이지들이 너무 많습니다. 다양한 이유가 있겠지만 DOM을 이해한다면 그런 홈페이지의 문제를 어느정도 이해할 수 있습니다. 브라우저에 그림이 그려지는 과정 1. HTML소스를 DOM트리로 파싱한다. 일반적으로 html안에 내용들을 이용해 트리를 만듭니다. html이라는 태그안에 head와 body라는 자식태그가 ..
