Today I Learned

프로미스: 자바스크립트 비동기 처리에 사용되는 객체 비동기(asyncronous): 특정 코드가 완료될 때까지 기다리지 않고 다음 코드를 먼저 실행하는 것 📌 Promise는 언제 사용할까? 서버에서 데이터 요청하고 받아올 때 📌 Promise 어떻게 사용할까?

📌 브라우저의 핵심 기능 > #### 필요한 리소스(HTML, CSS, JS, 정적파일, 서버가 동적으로 생성한 데이터...)를 서버에 요청하고 응답받아 시각적으로 렌더링하는 것. 💡 [브라우저 주소창]이 서버 요청 통로. 주소창에 URL을 입력 -> URL 호스

📌 이벤트 루프(Event Loop) > 이벤트 발생시 호출되는 콜백 함수들을 관리하여 태스크큐(콜백큐, 이벤트큐)에 전달하고, 콜스택이 비어있을 때 콜백큐의 첫번째 콜백을 콜스택으로 보내준다. -> 자바스크립트의 동시성(concurrency)을 지원 💡 왜? 싱

📌 타입스크립트?? 💡 자바스크립트에 타입을 더한 자바스크립트 슈퍼셋 언어. 컴파일 시 타입이 정해지는 정적 타입 언어로 개발자의 의도에 맞게 변수와 함수를 사용할 수 있도록 해주며, 에러를 잡아준다. > 💡 마이크로소프트가 개발/유지하고 있는 오픈소스 프로그래

Async in useEffect Hook useEffect를 사용할 때 이렇게 작성하면 안된다. side effect 에러가 발생하기 때문. 올바른 방법 useEffect 안에서 async 함수를 선언하고 호출하기/또는 Promise 부분을 별도의 함수로 만들어

react-router-dom v6 달라진 점 1. Switch 대신 Routes 사용 2. Routes 안에 Route 또는 React.Fragment만 사용할 것 이런식으로 작성하면 아래의 에러 메시지를 보게 될 것이다. .png) 3. Route componen

이전에 했던 프로젝트에 타입스크립트를 적용해보면서 알게된 점들 정리 1. git clone 이후 npm package들 업데이트 해주기 > 1. npm i -g npm-check-updates ncu -u npm install _LI.jpg) cf. font-colo

윈도우 업데이트가 제대로 실행되지 않아 안전모드에서 최신 품질 업데이트 제거를 해보고, 윈도우를 새로 설치하기 위해 usb에 받아 시도해봤지만 설치조차 안되는 상태이며, 노트북은 안전모드 외에 제대로 부팅조차 되지 않고 있다.결국 명령 프롬프트에서 copy와 xcopy

프로젝트를 완성한 뒤, yarn build 또는 npm run build를 하면 build 폴더가 생성된다. 이번 배포에서는 다음과 같은 에러를 만났다.https://github.com/facebook/create-react-app/issues/11930에서

페이스북에서 개발하고 관리하는 UI 라이브러리단방향 데이터 흐름을 갖는다. (flux 참고)\-> 데이터 추적 및 디버깅을 쉽게 해준다가상돔을 사용해 DOM 변경시 필요한, 최소한만을 갱신하게 한다(성능 개선)UI 컴포넌트 기반\-> 재사용성 및 유지 보수에 용이하다.

string을 array로 바꿀 때 .split() 문자열 정렬 .sort(): parameter가 없으면 유니코드 순서대로 정렬된다. 문제에서 array 안의 요소들이 모두 대문자이거나 모두 소문자일 때 sort()를 사용할 수 있다. 따라서 대소문자를 통일해야한다

리액트를 사용하여 회원가입, 로그인 및 로그아웃 등을 구현할 때 formik, react-hook-form 등의 라이브러리를 활용해서 비교적 간단하게 만들어볼 수 있다. 이번 프로젝트에서는 react-hook-form과 yup을 사용해 폼의 유효성 검사를 진행했고, 다

📌 초기화: undefined를 할당해주는 단계 📌 변수: 값을 담기 위한 공간선언 및 초기화 및 할당 단계선언 및 초기화 단계할당 단계선언 단계초기화 단계할당 단계var에서 위의 코드는 아래와 같이 동작이 이루어진다. (3)이 (1)로 실제 올라가는 것은 아니지

OSI 모형 (Open Systems Interconnection Reference Model): 국제 표준화기구(ISO)에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것 프로토콜을 기능별로 나눈 것으로 각 계층은 하위 계층의 기

인터페이스 기본 인터페이스는 타입을 체크하기 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 프로퍼티와 메소드를 갖는 점에서 클래스와 비슷하지만, 직접 인스턴스를 생성할 수 없고, 모두가 추상 메소드라는 점에서 다르다. 인터페이스로 해당 변수가 가져야하는 형태