JavaScript 글 모음

TOAST UI

2022-11-16

이 글에서는 ECMAScript 언어의 정의와 구문에 대해 좀 더 자세히 살펴보자. 문맥 자유 문법에 익숙하지 않다면, 지금이 기본 사항을 확인하기에 좋은 때이다. 왜냐하면 명세는 문맥 자유 문법을 사용하여 언어를 정의하기 때문이다.

TOAST UI

2022-11-16

이 글에서는 커버 문법에 대해 더 자세히 살펴본다. 먼저 모호해 보이는 구문 구조에 대한 문법을 명시하는 방법에 대해 살펴보자.

TOAST UI

2022-11-16

명세 읽는 기술을 좀 더 다듬어 보자. 이미 아는 것에서 출발하는 것은 뭔가를 재밌게 배우는 방법 중 하나이다. 여기서 우리가 이미 알 만한 JavaScript 기능을 어떻게 명세해 두었는지부터 살펴보자.

카카오스타일

2022-11-15

GraphQL.js 리졸버의 두번째 인자는 args입니다. 해당 필드에 인자가 주어지면 그 값이 들어옵니다.

카카오스타일

2022-11-12

GraphQL.js의 리졸버는 네개의 인자를 가지고 있습니다. 그 중 첫번째 인자는 source 입니다.

카카오엔터테인먼트

2022-09-29

머리글 안녕하세요. 카카오웹툰 프론트엔드를 개발하고 있는 레이입니다 :) 2022년 1월 9일에 카카오웹툰은 GitHub Actions…

티맵모빌리티

2022-09-05

TMAP js sdk(이하 TMAP JS)는 TMAP의 데이터를 브라우저 상에서 해석하여 표현할 수 있도록 제작된 js 지도 엔진입니다. WebGL을 이용한 풀 벡터 방식으로 기존 TMAP native sdk와 동일하게 지도 화면을 표출할 수 있고, 사용자가 직접 데이터를 추가할 수도 있는데요. 오늘은 이 TMAP JS 개발 시 성능을 개선하는데 가장 큰

트렌비

2022-08-08

도입배경 트렌비 웹페이지는 react-boilerplate 기반으로 작성되었습니다. 그래서 상태관리에 대해서도 보일러플레이트에서 사용한 리덕스(redux)를 그대로 사용해 왔습니다. 리덕스를 사용하는데 있어 큰 문제는 없었으나, 개발과정에서 아래와 같은 몇 가지 불편함이 있었습니다. 첫째, API를 호출하고 그 결과를 화면에 그리기 위해서 해야할 게 너무 많았습니다. 컴포넌트에서 API를 호출하기 위한 액션(action)을 정의해 줘야 합니다.

TOAST UI

2022-07-25

자바스크립트의 비동기 처리에 대해 알아보고, 브라우저에서 Promise의 내부 동작을 살펴본다.

TOAST UI

2022-07-06

TOAST UI Calendar의 새로운 메이저 버전이 공개되었습니다. 많은 변화 대신 모던 자바스크립트 개발 환경에 발맞추어 애플리케이션을 재구성하였으며, 번들 사이즈를 대폭 줄였습니다.

비브로스

2022-06-27

안녕하세요~! 비브로스 웹프론트엔드팀 한혜경입니다. 😁

트렌비

2022-05-25

리덕스(Redux) 리덕스(Redux)의 필요성 리액트(React)는 상태(State)를 가지고 어떻게 돔(DOM)으로 잘 변형할지에 대해 다루고 있습니다. 여기서 상태란 애플리케이션(Application)이 기본적으로 가지고 있는 아주 중요한 요소인데요. 애플리케이션의 규모가 커질수록 상태 즉 데이터를 관리하기가 매우 까다롭기 때문에 상태를 잘 다루고 실제 돔(DOM)으로 업데이트하기까지 이를 도와주는 라이브러리가 필요합니다. 리액트(Reac

TOAST UI

2022-05-12

응답성(페이지가 사용자의 입력에 얼마나 빨리 응답하는지)은 사용자 경험에 매우 중요하다. Chrome 사용 데이터에 따르면 사용자 시간의 대략 90%가 페이지가 로드된 후에 사용되므로 응답성을 신중하게 측정하는 것이 중요하다. 특히 웹 사이트가 상호작용을 제공하기 위해 자바스크립트에 의존하는 경우가 많아짐에 따라 더 중요해졌다. 이것이 INP가 측정하는 것이며, 이는 페이지의 전체 라이프사이클을 포함한다.

ZUM

2021-12-06

본 포스트는 줌인터넷 포털개발팀 프론트엔드 파트에서 사용되고 있는 표준화 core package 에 대해 다루고 있습니다. 안녕하세요! 다시 한 달 만에 블로그 포스트를 작성하게 되었습니다. 이번에는 저희 프론트엔드 파트에서 사용하고 있는 zum-portal-core-js에 대해 다뤄볼 생각입니다. zum-portal-core-js 는 서비스를 만들 때 필요한 Frontend config와 uilts, 그리고 backend config 및 ut

똑똑한개발자

2021-08-22

안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있는 Luke 입니다. 👋 똑똑한개발자 똑똑한개발자 프론드엔드 팀은 es6를 기반으로 한 타입스크립트 언어를 활용하여 프로젝트를 진행하고 있습니다. 기존에는 ES5 문법으로 JavaScript 코드를 작성하였지만 이제는 최신 트렌드에 맞게 ES6 문법으로 코드를 작성하게 되고, es5와 비교했을때 여러 변경사항이 있습니다. 오늘 글에서는 ES6에서 새로 추가된 기능을 모두 설명하기보다는 코드

똑똑한개발자

2021-07-20

안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있는 Anne입니다. 이번에 프로젝트를 하면서 차트를 그리기 위한 용도로 Chart.js를 사용하게 되었습니다. 워낙에 기능도 많고 괜히 복잡해보여서(구현하려는 기능에 따라 뒤에 복잡한 부분이 분명 있기도 합니다만…😌) 선뜻 시작하기가 어려웠습니다. 뭐든 시작이 제일 어려운 법인데, 이번 시간에는 저처럼 차트를 ‘구현해야만’ 하는 상황에서 Chart.js를 “덜 어렵게” 시작할 수 있도록 C