-
[TokTokHan.dev]ES6 문법정리
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있는 Luke 입니다. 👋 똑똑한개발자 똑똑한개발자 프론드엔드 팀은 es6를 기반으로 한 타입스크립트 언어를 활용하여 프로젝트를 진행하고 있습니다. 기존에는 ES5 문법으로 JavaScript 코드를 작성하였지만 이제는 최신 트렌드에 맞게 ES6 문법으로 코드를 작성하게 되고, es5와 비교했을때 여러 변경사항이 있습니다. 오늘 글에서는 ES6에서 새로 추가된 기능을 모두 설명하기보다는 코드를 좀 더 간소화하고, 유지보수하기 좋은 코드를 만들기위해서 자주 사용하는 기능위주로 살펴보겠습니다. ECMAScript란? ECMA스크립트(ECMAScript, 또는 ES)는 자바스크립트를 표준화 하기위해 만들어진, ECMA-262 기술 규격에 따라 정의하고...
#react #javascript #ES6 #ECMASCRIPT6
luke's profile imageluke
2021-08-22 18:00
-
[TokTokHan.dev]Execution Context(실행 컨텍스트)
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다.👋 똑똑한개발자 똑똑한개발자 프론드엔드 팀은 매주 월요일 오후에 javascript 기초에 대한 스터디를 진행하고 있습니다. 자바스크립트의 핵심적인 기본개념과 동작원리에 대해 스터디 구성원 한 사람이 파트 1개씩을 맡아 간단하게 발표하고 그에 대한 의견들을 공유하고 나누는 형태로 진행합니다. 첫 시간에는 자바스크립트의 ‘데이터’와 ‘불변성’에 대해 간략하게 알아보는 시간을 가졌고 이번에는 자바스크립트의 ‘실행 컨텍스트’에 대해 이야기를 나눠보는 시간을 가졌습니다. 이번 블로그 포스팅은 ‘코어 자바스크립트’를 참고하여 작성했습니다. 코어 자바스크립트 똑똑한개발자 프론트엔드 팀에서는 기본적으로 typescript기반의 리액트(Next.js)를 활용하여...
#react #javascript #Executioncontext #Next.js 11
luke's profile imageluke
2021-07-15 18:00
-
Next.js 11!!!
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다. 똑똑한개발자 지난 6월 16일 Next.js conference에서 11버전이 발표되었습니다. 퍼포먼스 최적화는 물론이고, 개발편의성을 위한 몇 가지 기능들이 추가되었는데, 중요한 부분들만 알아보겠습니다. Blog-Next.js 똑똑한개발자 프론트엔드 팀에서는 기본적으로 next.js를 활용하여 빌드하고, 프로젝트를 진행합니다. 리액트로 프로덕트를 빌드하는 방법은 CRA나 Gatsby와 같이 여러가지 방법이 있지만, SSR, SSG, ISG의 필요성 때문인지 next.js를 많이 사용하는 듯 합니다. CRA(Create-React-App), Gatsby, Next.js를 npm trends에서 비교해봤습니다. 당연히, Next.js가 압도적입니다. Next.js 는 단순한 SSR프레임워크에서 점점 SEO최적화 까지 함께 포괄하는 개념의...
#react #frontend #hooks #Next.js 11
luke's profile imageluke
2021-06-19 18:00
-
React-Query 톺아보기
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다. 똑똑한개발자에서 사용하는 React-Query를 간단하게 소개하려고 합니다. ‘톺아보기’ 라는 말이 여전히 낯선 분들을 위해 한번 더 설명해보자면, 가파른 곳을 오르려고 매우 힘들여 더듬다 틈이 있는 곳마다 모조리 더듬어 뒤지면서 찾다 의 의미를 가진 우리말 단어입니다. 늘 그렇듯, 언제나 그렇듯 개발을 하며 겪는 모든 과정이 오류와 버그들을 ‘목표를 향해 가기 위해 매우 힘들여 더듬고, 모조리 더듬어 찾는’.. 톺아보는 과정이라고 생각합니다. 오늘은 React-Query를 톺아보도록 하겠습니다. 서버의 상태 관리를 위해 사용을 해봤지만, 많은...
#react #frontend #hooks #react-query #state management
luke's profile imageluke
2021-05-25 18:00
-
React-Hooks-Form 톺아보기
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다. 똑똑한개발자에서 사용하는 React-Hooks-Form을 간단하게 소개하려고 합니다. ‘톺아보기’ 라는 말을 오픈사전에서 찾아보면 가파른 곳을 오르려고 매우 힘들여 더듬다 틈이 있는 곳마다 모조리 더듬어 뒤지면서 찾다 정도의 의미로 볼 수 있습니다. 개발을 하며 겪는 모든 과정이 오류와 버그들을 ‘목표를 향해 가기 위해 매우 힘들여 더듬고, 모조리 더듬어 찾는’ 일련의 과정이라고 생각합니다. 그런 의미에서 오늘은 React-Hooks-Form을 톺아보도록 하겠습니다. 사용을 해봤지만, 많은 기능을 제공하고 있는 라이브러리이므로, 간단한 예제를 보신 후에 공식문서를 참고하시는것을 권해드립니다....
luke's profile imageluke
2021-04-27 18:00