TIL
1.💻 호이스팅 그리고 클로저
호이스팅과 클로저에 대해서 정리했습니다.
2.💻 프로토타입이란?
오늘 배웠던 내용 중 가장 이해가 가지 않았던 프로토타입에 대해서 정리해보았습니다😁
3.💻 스택 예제 by 프로그래머스 연습문제
모법 답안과 뒤죽박죽인 내 답안의 함께하는 올바른 괄호 문제^^
4.💻 해시 테이블 by 프로그래머스 연습문제
해시 테이블에서 베스트 앨범 문제를 풀며..
5.💻 이진 탐색 by 프로그래머스 연습문제
트리, 힙, 트라이, 이진 탐색에 대해 배운 오늘의 TIL
6.💻 BFS/DFS by 프로그래머스 연습문제
다음주에 학습할 BFS/DFS 에 대해서 미리 다뤄보려고 한다.
7.💻 이터러블과 이터레이터
이터러블과 이터레이터에 대해서 다뤄보았습니다.
8.💻 함수형 프로그래밍(go, pipe, curry)
함수형 프로그래밍 | go, pipe, curry
9.💻 객체 (Ref. 모던 자바스크립트 Deep Dive)
객체란..? ref.모던 자바스크립트 Deep Dive
10.💻 다시 보는 클로저
오늘은 클로저에 대해 궁금했던 질문과 답, 그리고 간단한 정리만 하였습니다.
11.💻 명령형 프로그래밍과 선언형 프로그래밍
명령형 프로그래밍과 선언적인 프로그래밍의 차이에 대해서 깨닫게 된 날!
12.💻 쿠키 그리고 localStorage 와 sessionStorage
로컬 스토리지와 세션 스토리지 그리고 쿠키에 대해서 정리해보았습니다.
13.💻 Promise, async와 await
이 글은 Promise와 async와 await 에 대해서 다루었습니다.
14.💻 fetch
이 글은 fetch에 대해서 다루었습니다.
15.💻 history
이 글은 history 대해서 다루었습니다
16.💻 이벤트 버블링과 이벤트 위임
이번 챕터는 이벤트 버블링과 이벤트 위임에 대해서 다루었습니다.~0~
17.💻 낙관적 업데이트(Feat.TodoApp)
이번 챕터는 낙관적 업데이트에 대해 다루었습니다. ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다
18.💻 디바운스(Debounce)
이번 챕터는 디바운스에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다.
19.💻 무한 스크롤(Infinite Scroll)
이번 챕터는 무한 스크롤에 대해 다루었습니다. ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다
20.💻 드래그 앤 드롭
이번 챕터는 드래그 앤 드롭 API에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
21.💻 VueJS 라이프 사이클
이번 챕터는 Vuejs의 라이프 사이클에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
22.💻 VueJS Computed & Watch
이번 챕터는 Vuejs의 computed와 watch에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
23.💻 VueJS 이벤트 핸들링
이번 챕터는 Vuejs의 이벤트 핸들링과 폼 입력 바인딩에 대해 다루었습니다. ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
24.💻 Webpack
이번 챕터는 웹팩에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
25.💻 React - useEffect, useRef
이번 챕터는 React에 대해 다루었습니다. ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 📃 오늘 공부한 것 > 1. JSX useState 이벤트 핸들링 ref useEffect useRef 1. JSX 자바스크
26.💻 RESTful(feat. 말하면서 배워요)
말하면서 배워요 스터디에서 공부하는 내용으로 질문과 대답 위주의 글입니다. 또한 내용에 오류나 오타가 있을 시 댓글로 알려주시면 감사하겠습니다.
27.💻 브라우저 렌더링(feat. 말하면서 배워요)
말하면서 배워요 스터디에서 공부하는 내용으로 질문과 대답 위주의 글입니다. 또한 내용에 오류나 오타가 있을 시 댓글로 알려주시면 감사하겠습니다.
28.💻 실행 컨텍스트(feat. 말하면서 배워요)
말하면서 배워요 스터디에서 공부하는 내용으로 질문과 대답 위주의 글입니다. 또한 내용에 오류나 오타가 있을 시 댓글로 알려주시면 감사하겠습니다.
29.💻 CSR vs SSR(feat. 말하면서 배워요)
말하면서 배워요 스터디에서 공부하는 내용으로 질문과 대답 위주의 글입니다. 또한 내용에 오류나 오타가 있을 시 댓글로 알려주시면 감사하겠습니다.
30.💻 React - 메모이제이션(Memoization)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. useMemoReact.memouseCallback메모이제이션은 컴퓨터가 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로서 동일한 계싼을 하지 않도록
31.💻 React - Context API
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. Context API리액트 프로젝트에서 전역적으로 사용할 데이터가 있을 때 유용한 기능이다.리액트 애플리케이션은 컴포넌트 간에 데이터를 props로 전달하기 때문에 컴포넌트
32.💻 React - react router v6 적용하기
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
33.💻 Typescript
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
34.💻 Redux-Toolkit
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.
35.💻 실행컨텍스트(JavaScript)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.실행 컨텍스트는 자바스크립트 코드를 실행할 때 필요한 정보들을 저장하고 제공하는 환경이다. 즉, 스코프의 정보를 담은 환경을 의미한다.현재 실행되고 있는 컨텍스트에서 이 컨텍스
36.💻 this(JavaScript)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 📃 오늘 공부한 것 함수 실행에서의 this > 함수 실행에서의 this는 전역 객체다 전역 객체는 실행하는 환경마다 다릅니다. 웹 브라우저에서는 window 객체가
37.💻 주소에 url을 입력했을 때의 과정
이 텍스트가 검색어인지 URL인지 우선적으로 확인한다.검색어 ⇒ 브라우저는 검색 엔진의 URL에 검색어를 포함한 주소로 페이지를 이동시킨다.URL ⇒ 브라우저 엔진에서 네트워크 호출을 수행한다.네이버 서버의 주소를 알기 위해 네임 서버(Name Server)와 통신하기
38.💻 접근성(feat. 리액트 공식문서)
웹 접근성은 모두가 사용할 수 있도록 웹사이트를 디자인, 개발하는 것을 의미한다. React는 접근성을 갖춘 웹사이트를 만들 수 있도록 모든 지원을 하고 있으며, 대부분은 표준 HTML 기술이 사용된다.접근성을 준수하면 보조기기 사용자의 접근성을 향상시킬 수 있으며,
39.💻 코드 분할(feat. 리액트 공식문서)
대부분 앱들은 Webpack, Rollup, Browserify같은 툴을 사용하여 여러 파일을 하나로 병합한 번들된 파일을 웹 페이지에 포함하여 한 번에 전체 앱을 로드 할 수 있다.번들이 거대해지는 것을 방지하기 위한 좋은 해결방법은 번들을 나누는 것이다.코드 분할은
40.💻 Context(feat. 리액트 공식문서)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. context는 React 컴포넌트 트리 안에서 전역적이라고 볼 수 있는 데이터를 공유할 수 있도록 고안된 방법이다.아래 코드는 버튼 컴포넌트를 꾸미기 위해 theme pro
41.💻 LifeCycle(feat. 리액트 공식문서)
⚠️ 정리한 내용은 **오타**나 **잘못된 정보**가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. ## 📃 LifeCycle 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업데이트 되고, 사라지게 될 때 호출하는 메서드이다. 추가적으로 컴포넌트
42.💻 Error Boundaries(feat. 리액트 공식문서)
> ⚠️ 정리한 내용은 **오타**나 **잘못된 정보**가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 에러 경계의 소개 UI 일부분에 존재하는 자바스크립트 에러가 전체 애플리케이션을 중단시켜서는 안된다. React16에서 에러 경계라는 새로운 개념
43.💻 고차 컴포넌트(HOC)(feat. 리액트 공식문서)
> ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 고차 컴포넌트는 컴포넌트 로직을 재사용하기 위한 React의 고급 기술이다. 고차 컴포넌트는 React API의 일부가 아니며, React의 구성적 특
44.💻 Ref 전달하기(feat. 리액트 공식문서)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. ref 전달은 컴포넌트를 통해 자식 중 하나에 ref를 자동으로 전달하는 기법이다. 일반적으로 애플리케이션 대부분의 컴포넌트에 필요하지는 않다. 그렇지만, 재사용 가능한 컴포
45.💻 Fragments(feat. 리액트 공식문서)
> ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. Fragment Fragments는 DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화할 수 있다.
46.💻 JSX 이해하기(feat. 리액트 공식문서)
> ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 근본적으로 JSX는 `React.createElement(component, props, ...children)` 함수에 대한 문법적 설탕을 제공할 뿐
47.💻 성능 최적화(feat. 리액트 공식문서)
> ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. ## 프로덕션 빌드를 활용하세요 기본적으로 React에는 유용한 경고가 많이 포함되어 있다. 경고는 React를 더 크고 느리게 만들기 때문에 앱을
48.💻 Profiler API(feat. 리액트 공식문서)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. Profiler는 React 애플리
49.💻 재조정(feat. 리액트 공식문서)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 동기 React에서 state나 props가 갱신되면 render() 함수는 새로운 React 엘리먼트 트리를 반환한다. 이 때 React는 두 가지 가정을 기반하여 O(n
50.💻 Ref, Render Props(feat. 리액트 공식문서)
⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리애니메이션을 직접적으로 실행할 때서드 파티 DOM 라이브러리를 React와 같이 사용할 때선언적으로 해결될 수 있는 문제에