짧지식

자바스크립트는 싱글 스레드 언어이다. 하지만 블로킹 방식으로 모든 코드를 처리하면 처리시간이 오래 걸리는 작업을 수행했을 때, 후행 작업들이 밀리기 때문에 이러한 작업들은 대체로 비동기적으로 처리하여 논블로킹 방식으로 처리한다.위에 예시 코드를 처음 보면 처음 setT

프론트엔드 개발자를 지향한다면 한번쯤 들어본 단어가 있는데 바로 React다. 대부분의 사람들이 React라는 것을 사용해서 개발한다는데… 그래서 React가 뭔데? 이거 왜 쓰는 건데? 라고 생각이 든다면 이 글을 읽어보는 것을 추천한다. 리액트는 Facebook(현

리액트로 개발을 하다보면 상태 관리를 할 줄 알아야 한다!라는 얘기를 들어본 적이 있을건데, 이때 드는 근본적인 질문이 “상태 관리가 뭔데?” 라는 거다.이번 글에서는 상태 관리란 무엇이고, 왜 상태 관리라는 것을 하는지, 그리고 상태 관리를 도와주는 라이브러리들에 차

객체 타입이 메모리에 저장된 값의 참조(주소)를 가지는 것과 달리, 원시 타입은 값 자체를 직접 가리키도록 설계되어 있다. 다른 말로 let age: number = 27 이라는 변수가 있다고 치면 age는 메모리에서 27이 저장되어있는 메모리를 직접 가리킨다.

깃허브에 프로젝트를 올릴 때 node_modules와 같은 파일은 같이 올라가지 않도록 .gitignore 파일에서 제어를 한다.대부분의 Node.js 프로젝트에서 표준적으로 사용되는 방식임프로젝트의 의존성 정보는 package.json 파일의 dependencies에

React 컴포넌트를 개발하다 보면 화살표 함수의 반환값을 감싸는 괄호가 때로는 () 이고, 때로는 {} 인 것을 발견할 수 있다.언뜻 보기에는 비슷해 보이는 이 두 가지 문법의 차이는 무엇일까?괄호와 같은 경우 암시적 반환(Implicit return)을 의미함내가

웹 접근성과 사용자 경험 향상을 위해 input과 label을 연결하여 모든 사용자(스크린리더 사용자, 모바일 사용자 ...)가 더 쉽게 양식을 작성할 수 있도록 함장점 \- CSS로 레이아웃 조정이 자유로움label과 input을 독립적으로 배치하여 복잡한 디자인