TIL - 220503

압도적으로 실력이 좋아도 검색이 안되는 사람은 좋은 대우를 받을 수 없다.

TIL (Today I Learn) : velog에 내가 배운 것을 계속 적기. 쌓여서 나의 발전과 검색의 기록이 된다.

regex101.com : 정규식 확인 사이트

★★ 이미지 파일 위치 :: src / public
앱안에서 필수로 쓰는 이미지는 src 폴더안에 넣기! src에 넣어야 용량 작은 이미지를 줄여줍니다.
이미지 파일 저장 위치

• src/(기본 저장 장소로 추천됨) : 앱 내부에서 쓰이는 이미지들
• public/images: 앱 외부 에서 쓰이는 이미지들(ex: favicon)
  public에 넣으면 웹팩과정에서 용량이 작은 이미지는 강제로 html에 포함될 수 있다.

★★ 편리한 리액트 라이브러리 : 모바일(touch) 지원도 됨. https://github.com/streamich/react-use

• useMount : 마운트될때 한번만 실행
• useUnMount : 마운트안될때 한번만 실행

checkbox 를 이용해서 토글버튼 만들기 : check 된 것으로 css 넣어주기

<Picture> 태그는 브라우저가 알아서 화면크기에 따라 용량에 맞는 이미지 보여준다.

읽어볼블로그(프로젝트시 만나는 리액트 오류 정리) : https://velog.io/@nala723/REACT%EA%B0%9C%EC%9D%B8%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%A7%84%ED%96%89%ED%95%98%EB%A9%B0-%EC%95%8C%EA%B2%8C-%EB%90%9C-%EC%A0%90-%EB%B3%B5%EC%8A%B5