이벤트 버블링은 어떤 요소에 이벤트가 발생했을때 어떠한 한 요소의 이벤트만 실행시키고 싶어도 그 요소가 속한 부모요소에 까지 이벤트가 전파되어 전부 다 실행되어지는 것을 말한다.이벤트 캡쳐링은 어떤 요소에 이벤트가 발생했을때 최상위 부모로부터 이벤트가 발생된 요소까지

git을 통해 협업을 하다 보면 팀에서 정한 브랜치 전략에 따라 브랜치를 관리하게 될것이다. 다양한 방식이 있을 수 있겠지만 우리 팀은git-flow 전략을 택했다. 해당 브랜치 관리 전략에 따라 메인 브랜치를 master와 develop으로 나누고 master 브랜치

프로젝트를 진행하며 각 요청에 맞는 Http method를 정하는 과정에서 Restful 한 API란 무엇인가에 대해서 고민하게 되었다. 그러면서 더 나아가 API는 무엇인지 파고들게 되었고 이 과정에서 알게 된 것들을 남에게 설명할 수 있을 정도로 깔끔하게 정리해두면

patch-package 를 이용하면 노드모듈속 라이브러리를 커스텀한 상태가 배포상태에서도 지속되도록 수정사항을 기억해뒀다가 배포시 노드모듈 위에 덮어 씌워준다.

Tailwind CSS란 무엇인지 살펴보고 그에 따른 장점과 단점에 대하여 알아보자!

값의 연산 및 결과 도출 중심으로 코드작성이 이루어진다. 함수 내부에서 인자로 받은 값을 별도로 저장하거나 하지 않고, 간결한 과정으로 처리하고 매핑하는데에 주 목적을 둔다.

브라우저에서 우리가 실제로 보는 화면을 어디서 최종적으로 만들어서 보여주느냐에 따라 CSR과 SSR 로 나뉜다.차이점으로는 크게 초기 렌더링속도, SEO(검색엔진최적화), 보안으로 볼 수 있다.SPA(Single Page Application)은 Client Side

쿠키와 세션스토리지, 로컬스토리지는 데이터베이스를 사용하지 않고 데이터를 임시적인 용도로 저장 할 때 사용하는 것이다. 쿠키의 단점을 보완해 HTML5에서 '웹스토리지'라는 기술 탄생했다. 웹스토리지는 로컬스토리지와 세션스토리지로 나뉜다.대부분의 데이터는 데이터베이스에

하나의 연산이 끝나야(요청을 보낸 후 응답을 받아야) 그다음 코드가 실행되는 방식이다. 모든 작업이 순차적으로 진행되며 어떤 작업이 실행중이라면 다음 작업은 대기하게 된다.

깃(Git /ɡɪt/5)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다.

시맨틱 요소(Semantic Elements)는 의미가 있는 요소라는 뜻이다. 따라서 시맨틱 요소를 고려하여 만든 html은 tag의 이름만 보고도 tag 가 html 안에서 어떠한 역할을 수행하는지 브라우저와 개발자 모두 쉽게 알 수 있다.

filter() 는 배열 각 요소에 결과값이 true인 요소만을 모아서 새로운 배열을 반환하는 메서드이다. 요소들을 특정조건에 걸러지게 만드는 것이 목적이다.

reduce() 는 map(),filter(),find() 모든 메서드를 대체할 수 있는 유연하고 강력한 메서드이다. map(),filter(),find()로 구현할 수 있는 문제라면 reduce()로도 구현할 수 있다.

map() 은 어떤 배열을 다른 형태의 배열로 재생산할때 사용하는 반복문이다. 배열의 각 요소들에게 일괄적으로 함수를 적용하고 싶을 때 사용한다.

Async와 Await을 사용하여 promise를 좀 더 간결하고 간편하게 동기적으로 실행되는것처럼 보이게 만들어 줄 수 있다. 함수 앞에 async를 써주면 코드블록이 자동으로 promise로 바뀐다.

콜백지옥을 해결하기 위해서 생겨난 것이 프로미스 입니다. Promise의 then을 사용하여 우리가 처리할 비동기코드를 동기로 실행되는 것처럼 보이게 하며 catch를 사용하여 에러처리를 좀 더 수월하게 할 수 있습니다

자바스크립트의 callback은 문자그대로 called at the back 이다. 무언가를 비동기적으로 수행하는 함수는 함수 내 동작이 모두 처리된 후 실행되어야 하는 함수가 들어갈 `콜백`을 인수로 반드시 제공해야 한다.

프로세스(process),코드(code) 영역,데이터(data) 영역,스택(stack) 영역,힙(heap) 영역,스레드(thread),싱글스레드(Single-threaded),콜스택(Call stack),Web API(=Brower API),테스크 큐(task Queu

자바스크립트 엔진은 기본적으로 하나의 스레드(thread)에서 동작한다. 하나의 스레드를 가지고 있다는 것은 하나의 스택(Stack)을 가지고 있다는 의미와 같고, 하나의 stack만 있다는 의미는 한 번에 단 하나의 작업만을 할 수 있다는 의미와 같다.

<Route exact/> 안에 exact 를 쓰지 않고도 exact 를 써준것과 같은 효과를 낸다. 아래와 같이 <Switch> 컴포넌트로 모든 <Route> 컴포넌트를 묶어주면 <Route> 컴포넌트 중에 매치가 되는 제일 첫번째 컴포넌트만