TIL

• 자바스크립트

  Clean Code

  • 배열 메소드 사용팁
  • || vs ??
  • isNaN vs Number.isNaN
  • 문자열 전개구문
  etc

  • forEach 메소드 break 시키기
  • tilt 연산자
  • Date 객체 및 활용
  • 변수교환 트릭
  • 클로저

• 프론트엔드

  Browser API

  • intersection-observer
  CSS

  • 초기설정
  • 커스텀 프로퍼티(변수)
  • SASS 부모선택자 &
  • 애니메이션
  • border-radius 트릭
  리덕스

  • 리덕스 툴킷
  • 리덕스 툴킷 비동기
  리액트

  • 이벤트 핸들러 네이밍

  • 삼항연산자의 대안

  • 디바운싱 with useEffect

  • state의 최신성 보장

  • 커스텀 컴포넌트의 ref

  • reusable 폼 제작기(context 이용)

  • 레이아웃 by Route

  • 글로벌 스타일 및 리셋

  • 스트럭쳐

    • pages 폴더구조(index활용)

  
  

  • styled-components
    • class부여 방식, 컴포넌트 네스팅

  
  
  etc

  • axios, fetch API의 에러처리

• Tools

  git

  • 기본 명령어
  • merge
  • 협업, 깃허브
  etc

  • eslint

• CS

  네트워크

  • CORS이슈 in 리액트 노드 프로젝트

  • 서버의 기초 흐름

  • 호스팅 서비스

• 추가할거
  • 라우터돔항목 -> private route
  • HTML input 태그 pattern, required(+ autofocus) 속성 및 WEP API validation 연계 + css 가상성택자 :valid, :invalid
  • 상수파일 잠그기
  • css media쿼리로 디바이스 구분 pointer:coarse, hover:none
  • isolation, 레이어 구조