Javascript (3) 썸네일형 리스트형 [Javascript] 구동 환경과 동작 원리 이해하기 with 이벤트루프, 호출스택, 콜백 큐 자바스크립트는 한번에 한가지 일만 실행하는 싱글 쓰레드 언어이다.한번에 한가지 일만 실행하는 것은 오래걸리는 작업을 실행할 때 비효율적일 수 있다.예를 들어, 빨래를 하는동안 다른 집안일을 하지 못하고 세탁기 돌아가는 것만 바라보고 있어야 한다고 생각하면 이건 굉장한 시간 낭비이다.개발에서도 마찬가지로 시간이 많이 소요되는 일은 병렬 처리가 필요한데, 이때 싱글 스레드 언어인 자바스크립트는 이러한 처리를 비동기 콜백을 사용해 해결한다.자바스크립트의 비동기 콜백의 이해를 위해서는 브라우저의 동작 원리를 이해해야 한다.비동기 콜백의 이해를 위해서는 JS Engine과 Web API, Event Loop에 대한 이해가 필요하다.Javascript EngineJS Engine은 자바스크립트 코드를 이해하고 실행.. git hook 설정으로 코드 포맷팅 자동화하기 with Husky 지난번에 eslint와 prettier의 설정방법에 대해 포스팅 했다.이번 포스팅에서는 husky를 사용해서 git hook을 간편하게 설정해 코드 포맷팅을 자동화 하는 방법에 대해 알아본다. Git Hook 이란?특정 액션이 일어났을 때 커스텀 스크립트를 실행 할 수 있도록 하는 기능이다. git 하위 디렉터리에 포함되어 있기 때문에 별도 설치 없이 git init 명령어를 입력하면 .git/hooks 디렉토리가 생성되고이 안에는 깃훅의 종류와 예시 스크립트가 포함되어 있다.이미 git과 연동이 되어있는 경우에는 cd .git/hooks 를 통해 hooks 폴더에 들어가면 볼 수 있다.코드 포맷팅 자동화를 위해서는 이중에서 커밋과 푸시되기 전에 실행되는 pre-commit 훅과 pre-push 훅을 .. ESLint, Prettier의 차이 + 설정 방법 어렴풋이 알고 있던 ESLint와 Prettier에 대해 이번 포스팅에서 제대로 알아보려 한다.둘 다 코드의 규칙을 정해주어 협업할 때 일관성 있는 로직 작성을 도와주는 것이라고는 알고 있는데,정확히 둘의 차이는 무엇이며, 어떻게 사용하는 것일까? 🤔ESLintESLint는 자바스크립트 코드에서 발견되는 문제시되는 패턴들을 식별하기 위한 정적 코드 분석 도구이다. ESLint에 대해 검색하면 가장 자주 보이는 문장이나, 와닿지가 않기 때문에 예시 코드로 알아보자.// function 키워드 사용function foo() { ...}// arrow function 사용const foo = () => { ...} 위 예시코드 처럼 함수를 생성할 때 누군가는 function 키워드를 사용하고, 누군가는 화.. 이전 1 다음
