처음 자바스크립트를 배울 때는 jQuery로 시작했었는데, 요즘에는 React를 사용하다 보니 jQuery에 대한 기억이 희미하다 .. 🥺 당장 jQuery를 활용할 일이 있어서 기억을 되찾는 겸 복습을 하기 위해 글을 작성하게 되었다. jQuery란 무엇인가? jQuery는 2006년 처음 소개된 자바스크립트 라이브러리로, 과거에는 인기가 가장...

🔺 에러 발생 원인은? 블로그 빌드 과정에서 다음과 같이 에러가 발생했다. The process ‘/opt/hostedtoolcache/Ruby/3.3.0/x64/bin/bundle’ failed with exit code 5 ❓ 그럼 어떻게 해결해야할까? 해결은 간단하다. pages-deploy.yml 파일을 찾아서 다음과 ...

🆚 Rendering CSR vs. SSG vs. ISR vs. SSR Next.js는 다양한 렌더링 방식을 지원한다. 각 페이지마다 원하는 렌더링하는 방식을 채택하여 사용할 수 있고, 혼합해서 사용할 수 있다. 🕊️ CSR (Client Side Rendering) 브라우저에 표기할 모든 코드들을 클라이언트 측에서 다 다운을 받아 서버가 ...

🔺 에러 발생 원인은? 공식문서에 있는 그대로 theme 타입을 지정해주었는데, any 타입 에러가 계속 발생하는 문제다. 도대체 어떤게 문제일까? ‘props’ 매개 변수에는 암시적으로 ‘any’ 형식이 포함됩니다. ❓ 그럼 어떻게 해결해야할까? 공식문서에 나와있는 그대로 DefaultTheme을 지정해주었는데도 에러가 난다...

자바스크립트에서의 this는 어떻게 호출되었는지, 호출 패턴에 따라 값이 결정된다. 다른 언어와는 개념이 다르며, 선언이 되어있는 곳이 아닌 호출에 따라 달라진다 !! this가 호출되어있을 때, 어떻게 달라질까? 1. global에서 this 호출 크롬 콘솔 창에 this를 입력하면 window라고 나온다. 기본적으로 this는 w...

JavaScript는 싱글 스레드 기반 언어인데, 어떻게 멀티 스레드처럼 동작할까?? 내가 알고 있는 부분을 정리하면서 추가적으로 공부를 하고싶어서 작성하게 되었다. 스레드가 정확하게 뭔데? 스레드(thread) 프로세스의 실행 가능한 작은 단위. 프로그램에서 일어나는 개별적인 동작 또는 작업 흐름 각 스레드는 독립적으로 실행될 수 있...

CHAPTER 10. 제네릭 타입 시스템에서 선언된 변수는 왼전히 새롭게 타입된 세계가 됩니다! 타입스크립트는 제네릭을 사용해 타입 간의 관계를 알아낸다. 타입스크립트에서 함수와 같은 구조체는 제네릭 타입 매개변수를 원하는 수만큼 선언할 수 있다. 제네릭 타입 매개변수는 제네릭 구조체의 각 사용법에 따라 타입이 결정된다. 이러한 ...

🔺 에러 발생 원인은? styled-components 라이브러리를 사용하던 중, 폼 유효성 검사를 반환해서 boolean 값으로 넘어가 props로 속성을 전달해주는데, 이때 에러가 발생하였다. react-dom.development.js:86 Warning: Received true for a non-boolean attribut...

CHAPTER 09. 타입 제한자 타입에서 타입의 타입 아네르스는 "거북이들이 계속 내려오고 있어"라고 말하기를 좋아합니다. 🌓 top 타입 top 타입은 시스템에서 가능한 모든 값을 나타내는 타입이다. 모든 다른 타입의 값은 타입이 top인 위치에 제공될 수 있다. 즉, 모든 타입은 top 타입에 할당할 수 있다. 1. an...

CHAPTER 08. 클래스 저는 일부 기능적 장치인 클래스를 절대 사용하지 않으려고 합니다. 저에게는 클래스가 너무 강렬해요! 타입스크립트가 탄생되고 릴리스된 2010년 초반의 자바스크립트 세계는 오늘날과 상당히 달랐다. 나중에 ES2015에서 표준화된 화살표 함수 let/const 변수 같은 기능은 아직 먼 희망이었다. 바벨은 첫...