코드로 대화하기

휘발성이 강한 데이터나 임시적으로 저장해야 하는 데이터를 서버에 계속해서 저장하게 되면 불필요한 서버통신을 계속해서 해야 합니다. Local Storage와 Session Storage를 사용하면 위와 같은 데이터들을 관리할 수 있습니다. Local Storage 특징 데이터를 사용자 로컬에 저장합니다. js로 저장, 삭제 등 조작이 가능합니다. 최대 5mb까지 사용 가능합니다. 도메인과 브라우저별로 저장됩니다. 값은 문자열로 저장됩니다. key, value로 저장되어야 합니다. 여러 탭/창이 있을 경우 서로 데이터가 공유됩니다. 활용 // 데이터 저장 localStorage.setItem( "dataName", --- ); // 데이터 가져오기 let localData = localStorage.get..

모바일로 웹에 접속하여 input을 터치하였을 때 줌 인되는 것을 방지해 주는 코드입니다. html에 meta 태그를 추가해 줍니다. react 같은 경우 index.html에 추가합니다. 정리하자면 이렇습니다. initial-scale=1.0 // 초기 크기를 설정합니다. user-scalable=no // 확대 기능을 사용하지 않습니다. maximum-scale=1 // 최대 배율, 크기를 설정합니다. width=device-width // 화면이 표현하는 사이즈를 디바이스 사이즈에 맞춥니다.

프론트엔드 개발을 하다 보면 윈도우에서 잘 나오는 날짜가 ios로 넘어갈 경우 NaN으로 나오는 에러가 있습니다. 날짜를 렌더링 하는 방식이 달라 나오는 에러로 replace()를 사용하면 해결됩니다. new Date(----.replace(/-/g, "/"))