자바스크립트 이벤트 루프 동작원리 자바스크립트는 싱글 스레드 언어이지만 사용자 인터랙션, Ajax요청 등 다양한 비동기 작업을 논리적으로 병렬처리하는것처럼 보인다. 이 모든것은 이벤트 루프(Event Loop) 라는 시스템 덕분이다. 자바스크립트 런타임의 주요 구성

HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처REST를 기반으로 서비스 API 구현한 것 1) HTTP URI 를 사용 2) HTTP Method 사용REST는 자체 표현 구조로 구성되어 REST API 만으로HTTP 요청의

📖 비동기 처리의 개념 간단하게 말하면 일을 시키고 결과가 나오기전에 다른일을 먼저하고있기 이다. 쉽게 예를들어서 설명하면 동기란 라면을 끓이고 있는 동안 계속 냄비만 바라보는 것 -> 물이 끓기 전엔 아무것도 못함. 비동기란 라면을 끓이는 동안 다른 일을 하다가

프로젝트 시작 완성 운영 BugMon출현 느낀점

🤒 컴포넌트 생명주기 >컴포넌트 생명주기란? 컴포넌트가 화면에 등장하고, 변경되며, 사라지는 과정을 말합니다. 모든 React 컴포넌트는 라이프 사이클 이벤트가 있으며, 라이프사이클 이벤트는 컴포넌트가 수행한 작업이나 앞으로 수행할 작업에 따라 특정 시점에 실행된다

배열을 순회하며 새로운 배열을 반환하는 JavaScript 메서드.주로 리스트로 되어있는 컴포넌트를 렌더링할때 사용됨.Array 자료형에서 .map()을 사용하여 새로운 배열을 반환함.괄호안에는 화살표 함수가 삽입되며, 함수의 첫 번째 인자는 리스트의 요소, 두 번째는

1\. 컴포넌트 기반리액트는 UI를 컴포넌트라는 독립적인 조각으로 나누어 개발합니다. 이를 통해 코드의 재사용성과 유지 보수성을 높입니다.2\. 가상 DOM(Virtual DOM)리액트는 가상 DOM을 사용하여 실제 DOM 조작을 최소화합니다. 상태가 변경될 때마다 가

컴퓨터에는 CPU, 메모리만 있는 것이 아닌 스피커, 모니터, 키보드, 마우스등등의 입출력장치와 외장 하드 디스크나 USB메모리 등 보조기억장치가 컴퓨터에 달려있습니다. 다양한 외부 장치가 컴퓨터 내부와 어떻게 연결되고 소통하는지를 알아봅시다.입출력 장치만 하더라도 키

🔑 해싱이란? 키에 산술적인 연산을 적용하여 항목이 저장되어 있는 테이블의 주소를 계산하여 항목에 접근한다. 이렇게 키에 대한 연산에 의해 직접 접근이 가능한 구조를 해시 테이블이라 부르며, 해시 테이블을 이용한 탐색을 해싱이라 한다. > ### 현상 충돌 서로 다

분할 정복 알고리즘!하나의 리스트를 두 개의 균등한 크기로 분할하고 분할된 부분 리스트를 정렬한 다음, 두 개의 정렬된 부분 리스트를 합하여 전체가 정렬된 리스트를 얻고자 하는 것빠른속도를 자랑합니다.데이터의 영향을 작게받아서 최악, 평균, 최선의 경우 모두 O(n l

전역 상태를 관리해주는 라이브러리입니다.props로만 상태를 주고받는 불편함을 없애주기 위해서 생겼습니다.리코일에서 상태를 정의할 때 사용되는 가장 작은 단위입니다.값을 저장하고 컴포넌트에서 불러와 사용할 수 있습니다.셀렉터는 아톰이나 다른 셀렉터의 값을 기반으로 파생

평균적으로 매우 빠른 수행 속도를 자랑하는 정렬 방법입니다.전체리스트를 2개의 부분 리스트로 분할하고, 각가의 부분 리스트를 다시 퀵정렬하는 전형적인 분할정복법을 사용.피벗을 설정하고 피벗을 기준으로 좌우에 작은값, 큰값을 놓는 방법을 반복합니다.시간복잡도 : O(nl

영어단어로 Proxy란 대리 라는 의미를 가지고 있습니다.프론트에서의 요청을 받고 서버대신 데이터를 전달해주는 의미로 볼 수 도 있습니다.a 가 프론트, c가 서버일때 원래는 a - c 이렇게 데이터를 주고받았다면프록시 b 를 통해서 a - b - c 형태로 주고받을

타입스크립트는 기본적으로 변수나 함수의 타입을 지정해줄 수 있습니다. 데이터를 주고받을때 데이터의 타입이 객체여야하는데 문자열로 와서 오류를 일으킨다?오류가나서 오류메시지를 확인했더니 다른곳을 가르키면서 여기 오류났다고 알려준다?props로 받아왔는데 이 prop이 어

Union-Find 알고리즘이 뭐야? > : 유니온 파인드 알고리즘은 대표적인 그래프 알고리즘 중 하나로, 주어진 그래프의 노드들을 서로 다른 집합으로 분리하거나, 두 개의 노드가 같은 집합에 속하는지 여부를 판단하는 데 사용됩니다. Union-Find 알고리즘의

useState() 우리의 효자 useState. 이친구는 내가 본 변수중에 제일 저장하기 좋은 변수입니다. count에 변수를 저장해뒀다가 setCount로 count의 수를 바꿔줍니다. 그러면 엥? 그냥 count = 1, count++ 해주면 더 간편한거 아닌가

key를 지정하지않는다면? key를 지정하는 올바른 방법

var는 중복선언을 허용합니다. 하지만만약 같은 프로젝트를 진행하는 A개발자가 var 키워드로 num변수를 사용했습니다.그런데 B개발자가 var 키워드로 num변수를 선언하여 사용한다면 값이 바뀌게되어 프로그램이 엉망이됩니다.let은 중복선언이 되지않는다.이렇게 한다면

이용할 배열결과{ id: 'a', name: 'kim' }{ id: 'b' }{ id: 'c' }{ id: 'd' }{ id: 'e' }{ id: 'f' }{ id: 'g' }{ id: 'h', name: 'kim' }names의 값을 모두 반환해준다.함수 안에서 실행

시작 팀 편성 나름 조금은 알던 애들이 있어서 나쁘지 않은데? 였고 후에 보니 잘하는 친구도 한명 껴있어서 너무 좋다 ^^ 였다. 첫째날 둘째날 느낀점 > 이번 해커톤으로 인해서 깨달은점이 많은것 같습니다. 정말 제 자신이 어느정도인지 알게되고 아이디어가 정말 중요하