차근차근 쌓아가는 JS 기초

브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체등록된 history 갯수이동 시, 스크롤 위치 복원 여부 지정 하는 옵션auto : 기본 값, 새로고침 해도 이전 스크롤 위치 그대로 유지 함.manual : 새로고침 시, 무조건 스크롤 최상단으로 이

✍️ 입력 폼 검증할 때 주로 많이 사용 하는 정규표현식, 매번 찾아 볼 때 마다 언젠가 정리 해야지 해야지 하다가 드디어 지금 한다. 메서드와 주로 사용하는 패턴에 대해 정리해 보았다.

✍️ dom 조작을 통한 UI 구현 할 때, 많이 사용하는 속성과 메서드를 정리 해보았다.

✍️ DOM 접근의 기본에 대해 정리해 보았다. 항상 쓰던 것만 썼어서, 정리하면서 처음 보는 것도 있었다. (살짝 반성한다.🙇) 기초를 차근차근 다진다는 마음으로 정리해 보았다.

✍️ import로 불러오는 방법이 참 다양한데, 한번 정리를 해보면 좋을 것 같아 export 와 함께 정리 해보았다.

✍️ 에러 핸들링은 항상 고민이 많이 되는 부분인 것 같다. 분기 처리 할 때 필요한 에러 객체에 관한 내용과, 커스텀 에러를 통한 활용 방법에 대해 정리해 보았다.

✍️ setTimeout, setInterval 공부하다가 재귀 호출에 관한 부분이 흥미로워 글로 정리해보았다. 더불어 setInterval을 이용한 스톱워치도 구현해 보았다.

✍️ 프론트 개발자 면접 질문에 많이 나온다는 클로저를 정리 해보았다. 숨 쉬듯이 많이 쓰는 패턴인데, 막상 말로 설명하려니 입이 안 떨어지기에 글로 정리해 보았다.

✍️ 함수의 호출과 스택에 관한 글을 보다가 linked list에 알게 되었다. javascript로 구현이 가능한 자료 구조 이며, 배열 과는 다른 이점이 언젠가 유용하게 쓰일 수 있을 것 같아 정리 해 보았다.

✍️ 필자가 꺼내보기 용으로 정리한 것이다. 필요한 이들에게도 같이 도움이 되었으면 한다.

✍️ 자료 구조 공부하다가 새롭게 알게 된 자료 구조가 있어 정리 해 보았다. 주로 객체와 배열을 많이 사용하는데, Map, Set도 상황에 따라 잘 사용 하면 훨씬 더 효율적인 코딩을 할 수 있을 것 같다.

✍️ 배열 메서드들 정말 자주 쓰는데, 매번 인자 헷갈려서 찾아보는 것이 번거로워 이번 기회에 정리해 보았다. 추가로 몰랐었던 특징들도 같이 정리 해 보았다.

map 배열.map((요소, 인덱스, 배열) => { return 요소 }[this인자]); callback함수의 요소, 배열 그리고 this인자는 옵션. 배열 안의 요소와 return 값의 요소를 1:1 로 짝지어 반환함. 어떻게 짝 지어 반환 할지는 callback 함수로 정의 하여 map의 인자로 넣어줌. return 값과 호출한 배열의 값은 서로...

✍️ react-saga > generator > iterator 까지 왔다. next method를 통해 다음 단계로 진행된다 정도로만 얕게 알고 있었기에, 제대로 알고 사용하고자 정리해 보았다.

✍️ react-saga를 공부하다 generator > iterator> 유사 배열 까지 왔다. 작업 하다 보면 종종 배열인데, method(ex) forEach, slice, splice…..)가 안 되는 경우가 있다. 알고 보니 진짜 배열이 아니라 유사 배열이라

✍️ 이미지 갤러리 페이지나, 리스트 페이지를 구현 할 때 첫 화면이 늦게 뜨는 것을 완화하고자 사용 하는 주된 기법이다. 플러그인, 스크롤 이벤트 함수를 사용 하는 방법도 있지만, 이번엔 API를 이용하는 방법에 대해 정리 해보았다.

async-await 패턴으로 여러개의 primise를 병렬로 실행하려고 할 때, (ex> 배열 돌려서 함수 실행) 일반 for문이나, forEach문을 쓰면 promise가 생각대로 순서대로 진행되지 않음. 그럴때는 for-of 문을 쓰자 참고문헌 https:

✍️ 자바스크립트 디자인 패턴에 대해 공부하다가 함수 상속과 관련하여 call, apply, bind를 접하게 되었다. 유사 배열 사용 시에도 유용하게 쓰이는 call, apply, bind에 대해 정리 해보았다.

본 글은 글쓴이가 꺼내보기 위함의 목적이 큰 글입니다 :)promise 함수를 한꺼번에 실행 할 수 있음.실행한 promise 중 하나라도 reject가 나온다면 결과값이 하나도 나오지 않음.하나 실패하면 전체 다 다시 시도해야함.사용패턴 promise 함수를 한꺼번에

본 글은 글쓴이가 꺼내보기 위함의 목적이 큰 글입니다 :)이벤트가 일어나는 과정을 보면 아래와 같이 총 3구간을 들 수 있음. 타깃을 기준으로 생각하면 됨. (타깃에 이벤트를 걸었음.)상위 노드 에서 타깃 까지 탐색하는 캡처링 구간이벤트를 걸어준 타깃타깃에서 상위노드