자바스크립트는 동기적 언어인가요? 자바스크립트는 싱글스레드 언어다. 자바스크립트를 나타내는 가장 핵심적인 특징을 선택해야 한다면 한 시점에 한 개의 명령만 처리할 수 있는 싱글스레드라는 점이 아닐까 싶다. 싱글스레드라는 특징은 곧바로 동기적 언어라는 결론으로 이어진다. 하지만 실제 브라우저 위에서 동작하는 JS에서 비동기처리는 매우 빈번하게 발생...
자바스크립트는 동기적 언어인가요?
[잔뿌리 호기심] 리터럴이란 무엇일까?
잔뿌리 호기심은 메인 주제에서 뻗어나온 개인적인 궁금증을 다룹니다. 리터럴이란 무엇일까? 이전부터 여러가지 공부를 해오며 어렵지 않게 접하던 단어가 있습니다. 네, 맞습니다. 이 글의 제목 리터럴 (Literal) 입니다. 개인적으로 느낀 점은 공부하며 단어의 의미를 정확히 파악하는 것은 매우 중요한 요소라는 것입니다. 단어의 의...
[잔뿌리 호기심] 리액트와 디자인패턴
[잔뿌리 호기심]은 잔뿌리처럼 메인 주제에서 뻗어 나온 개인적인 궁금증을 다룹니다. Intro 이전에 작성했던 글인 프론트엔드와 소프트웨어 아키텍처 와 직접적으로는 이어지지 않지만 같은 맥락을 가진 글입니다. 저는 여러 사람이 함께 일 할때 효율적인 하나의 공통 규격이 있다면 만드는 사람도, 읽는 사람도 효율적으로 일할 수 있을 것 같다...
[잔뿌리 호기심] 프론트엔드와 소프트웨어 아키텍처
[잔뿌리 호기심]은 잔뿌리처럼 메인 주제에서 뻗어 나온 개인적인 궁금증을 다룹니다. 프론트엔드와 소프트웨어 아키텍처 글이 꽤나 깁니다. 자신이 아래에 해당하거나 얻어갈 항목에 흥미롭다고 생각하시는 경우 읽어보시길 추천합니다. 글을 읽으시면 얻어갈 게 있는 경우. 프론트엔드 개발 경력이 길지 않고, 소프트웨어 아키텍처에 대해서 개념만...
[잔뿌리 호기심] React와 this
[잔뿌리 호기심]은 잔뿌리처럼 메인 주제에서 뻗어 나온 개인적인 궁금증을 다룹니다. React 에서의 this Javascript 의 중요한 개념 중 하나인 this를 잘 모르는 나의 무지함에 부끄러움을 느끼고, 동시에 this를 잘 알고싶다는 지적 허영심을 채우고자 여기서 관심이 많다는 말을 했었다. ( 뭔가 this 키워드를 쓰는걸 보...
[잔뿌리 호기심] 다른 4가지 경우에서의 this바인딩
[잔뿌리 호기심]은 잔뿌리처럼 메인 주제에서 뻗어나온 개인적인 궁금증을 다룹니다. 여러가지 this 바인딩 우리는 Chapter 22 - this👨💻 에서 여러가지 this의 바인딩에 대해서 알아봤다. 그 과정에서 나는 책을 바탕으로 글을 작성하다 보니, 책에는 나와있지 않은 두 가지 가벼운 궁금증이 생겼다. 일반 함수에서는 왜 ...
[잔뿌리 호기심] 일반함수의 this는 왜 전역객체가 바인딩될까?
[잔뿌리 호기심]은 잔뿌리처럼 메인 주제에서 뻗어 나온 개인적인 궁금증을 다룹니다. 여러 가지 this 바인딩 우리는 Chapter 22 - this👨💻 에서 여러 가지 this의 바인딩에 대해서 알아봤다. 그 과정에서 나는 책을 바탕으로 글을 작성하다 보니, 책에는 나와 있지 않은 두 가지 가벼운 궁금증이 생겼다. 일반 함수에서...
CORS란 무엇일까? ... with SOP
CORS란 무엇일까? 글을 쓰기 앞서 나는 CORS로 크게 고생해본 적이 없다. 처음부터 헤더값을 넣어주기도 했고, 개인 프로젝트를 진행할 땐 프록시를 써서 우회했기 때문이다. 하지만 CORS라는게 무엇인지에 대해선 정리해본 적이 없어서 CORS란 무엇일까? CORS는 왜 필요한걸까? 이번 기회에 이 두가지 질문에 대한 내용을 한번 ...
CSR,SSR 그리고 Why Next.js??
왜 React가 아니라 Next.js를 사용하나요? Frontend 개발자 자격요건 최근 Frontend 개발자 채용공고 자격요건을 들여다보면 어렵지 않게 발견할 수 있는 키워드들이 있다. HTML, CSS, Javascript, ( React, Vue, Angular ), ES6, 웹표준, 웹접근성, 마크업, Typescript … 회사 ...
Github Action를 활용한 Github Pages 배포
로컬 빌드파일 푸시했는데 배포가 제대로 안돼요! 라이브러리 버전 의존성 오류 발견오류 오래전에 진행한 프로젝트를 리팩터링 후 빌드해서 업로드하자, 오히려 에러가 발생하며 비어있는 페이지가 배포됨. 또한 원래 GitHub Page의 Deploy from a branch 옵션을 사용해서 로컬에서 빌드한 파일을 push 하는 방식으로 배포를 진행했는데, ...