유용한 사이트 정리

알고리즘

• coin DP

네트워크

• 토큰,세션,쿠키 정리
• 프런트엔드 개발자가 알아야하는 HTTP 프로토콜
• HTTP 정리

JWT 설명

• jwt에 대해
• 설명 지림
• 이것도 굿

html

• 반응형으로 모든 모바일을 한번에 볼때
• 시멘틱 웹에 대해

Javascript

• 클로저
• $변수의 정체
• 호출 스택과 이벤트 루프
• 이벤트 루프를 직접 보여주는 사이트
• var,let,const
• const는 언제쓰나?
• 비동기 처리(callback, Promise, async/await)
• 비동기 처리 - 캡틴판교

클린코드

• https://github.com/qkraudghgh/clean-code-javascript-ko
• https://muang-kim.tistory.com/275
• https://huurray.github.io/js/2019/05/25/js-cleanCode1/

React

• 리액트는 왜쓰는건데?

• useCallback, useMemo, useRef 등 간단명료 잘 설명

• ref, forwardref 아주 잘설명

최적화가 꼭 필요한지 고찰해볼 필요가 있다
https://rinae.dev/posts/review-when-to-usememo-and-usecallback
꼭 읽기
https://ideveloper2.dev/blog/2019-06-14--when-to-use-memo-and-use-callback/

• React.memo를 언제 사용해야하나?

• 댄 아브라모프 아저씨의 useEffect

• useLayoutEffect

• export & exports & export default

• 리액트 구조 고민

• dateTime.js

• 스켈레톤 처리 굿 예제

• 리액트에서 불변성 지키게 하는 꿀팁

React useHooks

• useOutsideClick

typescript

• 작업하던 프로젝트에 타입스크립트 적용하기

• 외국 유튜버의 타입스크립트 기초

jest

• 핸드북
• CRUD 테스트 작성
• react-testing-library 를 사용하여 TDD 개발 흐름으로 투두리스트 만들기
• 김호돌 jest 정리 잘되어있음

emotion

• emotion 쓰는방법 잘 설명
• emotion 쓰는방법 잘 설명2

darkmode

• 다크모드
• theme 객체를 사용하면 오류가 왜 나지?

프로그래머스 웹 프론트엔드 과제 with vanillaJS

• 설명 잘 되어있음

Lazy loading

• https://helloinyong.tistory.com/297

redux-toolkit

• https://im-developer.tistory.com/185
• https://codesandbox.io/s/br8br?file=/src/features/todoList/AddTodo.tsx:457-461

  참고만 하기

  • https://oyg0420.tistory.com/entry/ReactjsRedux-Toolkit%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-TodoList%EB%A7%8C%EB%93%A4%EA%B8%B0?category=883324
  • https://velog.io/@johnyworld/React-TS-%ED%99%98%EA%B2%BD%EC%97%90-Redux-Toolkit-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0
  • https://velog.io/@lllen/redux-s45cvers
  • https://velog.io/@jwisgenius/Redux-Toolkit-withReact-Typescript