- 전체보기(105)
- JavaScript(36)
- React(18)
- PGS(13)
- 코드스쿼드(10)
- CS(9)
- 백준(6)
- 회고(6)
- CSS(5)
- OOP(5)
- useEffect(4)
- 알고리즘(4)
- leetcode(3)
- 브라우저 렌더링(3)
- mysql(3)
- hackerrank(3)
- git(2)
- 프로토타입(2)
- 리눅스(2)
- 클로저(2)
- js sort(2)
- 테스트코드(2)
- 스레드(2)
- useState(2)
- linked list(2)
- 비동기(2)
- 상태관리(2)
- 자료구조(2)
- 실행 컨텍스트(2)
- promise(2)
- 함수형 프로그래밍(2)
- REST API(2)
- http(2)
- MVC(1)
- async defer(1)
- Fetch API(1)
- 팰린드롬(회문)(1)
- branch(1)
- XML(1)
- 렉시컬 스코프(1)
- Qurey(1)
- stacking context(1)
- tcp(1)
- 멀티 스레드(1)
- Lexer(1)
- json(1)
- CompatClient(1)
- docker(1)
- transpose(1)
- Cleanup(1)
- fragment(1)
- 리펙토링(1)
- 얕은복사(1)
- 프로세스 스케줄링(1)
- tokenizer(1)
- 글쓰기(1)
- 비트마스킹(1)
- async/await(1)
- JS - Array shuffle(1)
- commit(1)
- 삼항연산자(1)
- 연결리스트(1)
- ES moudles(1)
- useContext(1)
- useReducer(1)
- useRef(1)
- this(1)
- 가비지 컬렉션(1)
- axios(1)
- dimmed(1)
- Custom Hooks(1)
- 리플로우(1)
- memory heap(1)
- parser(1)
- 구조분해할당(1)
- reduce(1)
- 정규식(1)
- 다이나믹 임포트(1)
- localstorage(1)
- cpu(1)
- Hash Table(1)
- 클래스(1)
- 전개연산자(1)
- SockJS(1)
- spa(1)
- set / map(1)
- jest(1)
- 교착상태(1)
- github(1)
- JS - Array 메소드(1)
- RDBMS(1)
- 이벤트 버블링(1)
- 컨텍스트 스위칭(1)
- onchange(1)
- 이벤트 루프(1)
- 운영체제(1)
- JS - Object 메서드(1)
- modal(1)
- react router(1)
- 메모리(1)
- 프로세스(1)
- 콜백헬(1)
- JSON Server(1)
- Carousel(1)
- scss(1)
- 논리회로(1)
- stomp(1)
- 이벤트 위임(1)
- DB connection(1)
- formData(1)
- useFetch(1)
- 순수함수(1)
- 깊은복사(1)
- 동기(1)
- 객체란(1)
- DNS(1)
- 프로퍼티(1)
- 동기화(1)
- 호이스팅(1)
- dataset(1)
- REST(1)
- error boundary(1)
- oAuth(1)
- ASCII(1)
- call stack(1)
React - Error Boundary
웹 앱을 구축하는 것은 복잡한 과정이다. 때때로 문제가 발생하게 되며, 이런 문제를 완전히 막을 수는 없다. 예상치 못한 방식으로 오류가 발생할 것을 예상하고 그에 대응할 준비가 되어 있어야 한다. 이를 위한 Error Boundary를 알아보고 직접 만들어 보자.
React - useFetch
리액트에서 외부 API 호출할 때 사용하던 useEffect 훅과 로직을 커스텀 훅인 useFetch로 만들어주면 어떤 장점이 있을까? 직접 만들어 보자.
React - 클린업으로 엄격모드 로그인 문제 해결하기
소셜 로그인으로 구현한 로그인 로직에서 동일한 사용자로 로그인을 시도했음에도 로그인이 잘되는 경우와 에러가 발생하는 경우가 발생했다. 성공이면 성공, 에러면 에러가 아닌 난감한 상황. 문제가 무엇인지 파악하고 해결해보자.
React - 상태 업데이트와 리렌더링 과정
"상태가 변하면 리렌더링"으로만 이해하지 말고 상태 업데이트로 인해 React에서는 어떠한 과정이 일어나는지 조금 더 깊게 이해해보자.
JS - 브라우저 렌더링 과정
브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱(해석)하여 브라우저에 렌더링 하는지 알아보자.
React - 불필요한 Effect 제거하기 part.2
Effect의 의존성 배열에 객체를 사용하면 생기는 문제점을 이해하고 내 코드를 수정해보자.
React - 불필요한 Effect 제거하기 part.1
리액트 공식문서를 학습하면서 잘못된 Effect를 사용하고 있음을 알게 되었다. 불필요한 Effect를 사용하는 것은 아닐까? 라는 고민을 가져보자.
React - 작성 중 데이터 보존하기
상품을 등록하는 페이지에서 다른 페이지로 이동 후 돌아오면 작성했던 내용이 모두 사라지는 문제가 발생했다. 로컬스토리지를 이용해서 해결해보자.
JS - 클로저
함수형 프로그래밍에서 한번 학습을 했지만, 리액트를 배우면서 마법과 같았던 Hooks(useState, useEffect, useCallback, useMemo 등)들이 클로저의 활용임을 알게 되었다. 좀 더 딥하게 클로저에 대해서 알아보자.
React - 파일 올리기
React로 이미지 업로드 기능을 구현하는데 발생했던 버그들로 고생을 했다..정리하고 기록해서 나중에는 벌레 잡는데 걸리는 시간을 줄이자 😅
JS - Axios
자바스크립트에서 사용되는 HTTP 비동기 통신 라이브러리 `Axios`는 RESTful한 웹 API를 호출하고 데이터를 주고 받을 수 있도록 해주는 도구다. Axios에 대해서 알아보자.
React - Context API
최상위 컴포넌트에서 하단의 여러 컴포넌트로 props를 전달 해야하는 번거로움을 Context API로 해결해보자.