프론트엔드 정복하기

https://www.mobiinside.co.kr/2021/09/23/update-popup/ 앱 업데이트를 하고싶게끔 만드는 문구 안드로이드에는 인앱 업데이트라고 해서, 구글 플레이스토어 코어 라이브러리인 기능이 있다. 업데이트할 내용이 있다면 업데이트 창을 띄워주고, 업데이트하기 했을 때 백그라운드에서 업데이트가 이뤄진다! 그동안 앱을 이용할 수 있다! 그러고는 앱을 재시작하라는 바텀시트가 뜬다! 넘나 유용! 하지만 아직 ios에는 비슷한 기능이 없다!! https://developer.android.com/guide/playcore/in-app-updates?hl=ko 인앱 업데이트 | Android 개발자 | Android Developers 인앱 업데이트 컬렉션을 사용해 정리하기 내 환경설정을..

기기 해상도에 따라 알맞은 이미지를 골라 쓸 수 있도록 다양한 사이즈의 이미지를 제공해줄 수 있다. https://velog.io/@hustle-dev/%EC%9B%B9-%EC%84%B1%EB%8A%A5%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B5%9C%EC%A0%81%ED%99%94 웹 성능을 위한 이미지 최적화 이미지 최적화 방법론 velog.io

현재까지 섹션4: 경계다루기 - 매개변수의 순서가 경계다. 까지 본듯 함. 이후는 보고싶은것을 보고 정리하겠음. 섹션9: 추상화하기

Better Comments - 주석의 중요도에 따라 색상을 입힐 수 있게 해줍니다. (강력 추천) Todo Tree - 주석으로 TODO 를 작성해놓으면 프로젝트에 있는 투두 주석들을 모아 보여줍니다. (강력추천) Path Autocomplete - 문자열로 경로를 사용하게 되면 경로를 자동완성해줍니다. Version Lens - 각 모듈에 대한 package.json 에서 최신 버전을 확인할 수 있게 해줍니다. TailwindCSS-Intellisense - 테일윈드 CSS 클래스들을 VSCode 에서 자동완성해줍니다. GitHub Pull Requests and Issues - 깃허브 이슈와 PR을 VScode 에서 다룰 수 있게 해줍니다. DotENV - .env 파일을 편집하기 편하게 하이라이팅..

[ 코드 스타일 규칙 ] -싱글쿼터(' ') 사용을 기본으로 한다. -모든 코드 끝에는 세미 콜론(;)을 붙인다. // .prettierrc.js module.exports = { semi: true, singleQuote: true, tabWidth: 2, printWidth: 80, }; [ 네이밍 규칙 ] - 폴더 및 파일명 폴더명 : 하이픈(-) 사용 / 속성 추가 시 언더바(_) 2개 사용 action-types.js teamsTree__action.js teamsTree__reducer.js - image 이미지 파일명 : 언더바(_) 사용 / ‘형태_의미_순서_상태’ 순서로 조합 btn_cancel_001.jpg 형태_의미_순서_상태 tab_info_01_on.jpg - Javascript ..

https://zhenyong.github.io/react/tips/dangerously-set-inner-html.html DOM Elements – React A JavaScript library for building user interfaces reactjs.org string 을 html 태그로 출력