Brouk's devlog

Written by@brouk
web developer

GitHub

javascript(3)-hoisting

Hoisting hoisting이란 javascript에서 변수의 정의가 선언/초기화/할당이 분리되는 것을 말합니다. 어떠한 변수가 정의 된다면 그 스코프내의 최상단에서 선언이 이루어 집니다. 위와 같이 전역 컨텍스트, 혹은 함수범위 내에서 정의를 참조하기 전에 하더라도 선언이 최상단으로 이동하여 처리가 되는 것을 볼 수 있습니다. 하지만 , 의 경우는…

javascript(2)-this

Reference bono’s blog - this는 어렵지 않습니다 위 링크의 게시물을 꼭 봐주시면 감사하겠습니다. This 위 코드처럼 this는 호출자를 가르키고 있습니다. 첫번째 코드의 경우는 와 동일합니다. Strict Mode 생성자(new) 함수/객체 일반 객체 david는 person의 레퍼런스 변수이기 때문에 이 바뀐다면 도 바뀌게 됩니다…

Restful API

Reference Medium(@dydrlaks) - REST API ? Velog(@stampid) - REST API 와 RESTful API REST API REST 는 HTTP기반으로 필요한 자원에 접근하는 방식에 대한 아키텍쳐입니다. REST의 속성 모든 resource는 고유 URI를 가지고 있다. 모든 request는 클라이언트가 요청할 때마…

function vs class

함수형 컴포넌트와 클래스의 차이 최근 이런 저런 (예를 들면 이직면접…)의 상황에서 제 코드를 보시곤 가장 많이 물어보시던 질문 중 하나가 function과 class의 차이에 대해 물어보시곤 하셨는데… 아마도 Hooks로만 짜여져있어서 그런 질문을 주셨던 것 같다. 사실 이유는 명쾌했다. 내가 React를 입문할 때는 19년 초였으니까.. 한창 ho…

Javascript(1)-Arrow Function

Arrow Function Arrow Function은 ES6에서 등장한 문법입니다. 기존의 function과 어떠한 차이가 있는지 알아보았습니다. 기본문법 위와 같이 표현할 수 있습니다. 주의하셔야 할 점은 을 사용하실 경우는 return을 사용해야 하는 점입니다. ES5 vs ES6 bind es5 기존 es5에서 함수의 내부 콜백 함수에서 this는…

Javascript(0) - Promise

Promise 를 설명 하기에 앞 서 의 동작을 이해할 필요가 있습니다. 는 이므로 두 가지 작업을 동시에 진행 할 수 없습니다. 따라서 는 비동기 처리를 가능하게 하도록 설계 되었습니다. 이러한 비동기 처리로 인하여 이것을 동기적으로 처리하기 위해 가 생기게 되었습니다. 는 성공 혹은 실패에 대한 값을 핸들링 할 수 있게 해주는 기능을 하고 있습니다.…

Gatsby Blog 구글 검색 등록하기(2)

Reference delivan.dev 이 포스팅은 delivan님의 글을 읽고 제 개인적인 학습 정리 용도로 적었기 때문에 원본 글을 꼭 참고 하길 바랍니다. Google Search Console 구글 서치 콘솔 가이드를 꼭 보시길 바랍니다 Google 등록을 위해 Google Search Console에 들어가시면 아래와 같은 화면을 보실 수 있는데…

Gatsby Blog 구글 검색 등록하기(1)

Reference delivan.dev 이 포스팅은 delivan님의 글을 읽고 제 개인적인 학습 정리 용도로 적었기 때문에 원본 글을 꼭 참고 하길 바랍니다. gatsby blog를 만들면서 구글 검색에도 내 포스팅이 올라오면 좋을 것 같아서 알아보던 중 SEO의 개념에 대해서 처음 알게 됬습니다. 간략하게 말하면 구글에 내 사이트가 검색되기 위해서는 …

Typescript CRA 프로젝트 eslint, prettier 설정

Reference Medium - Create react app typescript: eslint and prettier 원본 내용을 토대로 필요한 부분만 정리하였습니다. 1. CRA Project 시작하기 create-react-app을 따로 설치해도 되나 최신버전에 맞춰서 생성하기 위해서 를 사용하자 2. Dependency 설치 원본 글에서는 도 설…