자바스크립트는 동기적 언어인가요? 자바스크립트는 싱글스레드 언어다. 자바스크립트를 나타내는 가장 핵심적인 특징을 선택해야 한다면 한 시점에 한 개의 명령만 처리할 수 있는 싱글스레드라는 점이 아닐까 싶다. 싱글스레드라는 특징은 곧바로 동기적 언어라는 결론으로 이어진다. 하지만 실제 브라우저 위에서 동작하는 JS에서 비동기처리는 매우 빈번하게 발생...

왜 React가 아니라 Next.js를 사용하나요? Frontend 개발자 자격요건 최근 Frontend 개발자 채용공고 자격요건을 들여다보면 어렵지 않게 발견할 수 있는 키워드들이 있다. HTML, CSS, Javascript, ( React, Vue, Angular ), ES6, 웹표준, 웹접근성, 마크업, Typescript … 회사 ...

로컬 빌드파일 푸시했는데 배포가 제대로 안돼요! 라이브러리 버전 의존성 오류 발견오류 오래전에 진행한 프로젝트를 리팩터링 후 빌드해서 업로드하자, 오히려 에러가 발생하며 비어있는 페이지가 배포됨. 또한 원래 GitHub Page의 Deploy from a branch 옵션을 사용해서 로컬에서 빌드한 파일을 push 하는 방식으로 배포를 진행했는데, ...

Prettier 설정에 앞서 prettier는 lint 와 함께 협업 에서 중요한 역할을 하는 플러그인이다. 각자가 작성한 코드를 일정 규칙에 맞춰 포맷팅해주어 서로의 코드 보다 쉽게 이해할 수 있도록 도와주는 플러그인이기 때문에, 절대 정답은 없고 서로의 코드를 잘 이해할 수 있도록 돕는다면 그것이 올바른 사용법이라 믿는다. 기본적으로 VSCod...

설정에 앞서 설정에 앞서 코드의 통일성과 앞으로의 더욱 나은 개발경험을 위해 앞으로의 프로젝트에서 Lint 설정은 어느정도 규격화 된 설정을 만들어두고 그것을 따라 지키도록 할 예정이다. 나름의 근거를 바탕으로 수행 할 예정이라 다른 협업자가 생기더라도 설득할 수 있으리라 믿는다. CRA는 기본 ESLint 설정이 되어있으나, Vite나 Next...

잔뿌리 호기심은 메인 주제에서 뻗어나온 개인적인 궁금증을 다룹니다. 리터럴이란 무엇일까? 이전부터 여러가지 공부를 해오며 어렵지 않게 접하던 단어가 있습니다. 네, 맞습니다. 이 글의 제목 리터럴 (Literal) 입니다. 개인적으로 느낀 점은 공부하며 단어의 의미를 정확히 파악하는 것은 매우 중요한 요소라는 것입니다. 단어의 의...

Modern JavaScript Deep Dive Chapter _ 22 this this 란 무엇일까? 라이브러리들의 소스코드를 보거나 조금 잘한다 싶은 개발자의 코드를 들여다보다 보면 심심찮게 보이는 키워드가 있다. 오늘의 주제 this 다. 나는 this 를 잘 사용하지 못하다보니 다른 사람들은 어떻게 사용하고 왜 사용하는지 관심이 많은...

이 게시물은 SW마에스트로 연수생 간 진행한 Modern JavaScript DeepDive 스터디 개인 정리 내용입니다. 되도록 책의 내용을 그대로 적기보단 개인적으로 인상깊었던 부분을 구어체로 풀어쓰려 노력했습니다. Modern JavaScript Deep Dive Chapter _ 21 빌트인 객체 자바스크립트 객체의 분류 자바...

이 게시물은 SW마에스트로 연수생 간 진행한 Modern JavaScript DeepDive 스터디 개인 정리 내용입니다. 되도록 책의 내용을 그대로 적기보단 개인적으로 인상깊었던 부분을 구어체로 풀어쓰려 노력했습니다. Modern JavaScript Deep Dive Chapter _ 20 Strict Mode Strict Mode란...

이 게시물은 SW마에스트로 연수생 간 진행한 Modern JavaScript DeepDive 스터디 개인 정리 내용입니다. 되도록 책의 내용을 그대로 적기보단 개인적으로 인상깊었던 부분을 구어체로 풀어쓰려 노력했습니다. Modern JavaScript Deep Dive Chapter _ 19 Prototype JavaScript 는 멀...