JavaScript5 javascript debugging 함수 디버깅을 잘 할수록 코드를 작성하는게 수월해진다. 디버깅을 하는 방법은 다양한데 자바스크립트의 경우 웹 브라우저의 개발자도구 콘솔(F12)을 통해 이루어진다. 콘솔창에 변수값을 띄워 확인하는 디버깅 함수를 작성하여 사용하고 있다. // debugging 함수 debugging(msg, variable) { console.log("msg : " + msg + " TYPE : " + typeof variable); if (typeof variable !== "string" || typeof variable !== "number") { console.log(JSON.stringify(variable)); } else { console.log(variable); } } // 함수실행 debugging("var1.. 2022. 3. 23. window.localstorage 리액트 프로젝트를 하던중 state에 넣고 사용하던 값들을 window.localstorage에 넣고 사용할 필요가 생겼다. window.localstorage란? - server가 아닌 client단 (web browser)상에 저장하고 사용해도 상관없는 데이터를 저장할 수 있는 기술인 웹 스토리지(web storage)의 일종. ➡️ 웹 스토리지(web storage) 객체는 네트워크 요청 시 서버로 전송되지 않기 때문에 쿠키보다 더 많은 자료를 보관할 수 있다! - 웹 스토리지에는 localstorage와 sessionstorage가 있는데 localstorage의 브라우저나 OS가 재시작하더라도 데이터가 만료되지 않고 sessionstorage의 데이터는 페이지 세션이 끝날때 사라진다. - loc.. 2022. 3. 22. React 개념정리 2021 12월 리액트 공부시작 현재까지의 강의와 공식문서를 바탕으로 기록하려한다. 강의는 nomadcoders의 'ReactJS로 영화 웹 서비스 만들기'를 참고했고 그 외 basics는 공식문서를 참고했다. 앞으로의 목표는 리액트의 기본개념에 좀 더 익숙해져서 인프런에서 구매한 리액트 클론코딩과 리액트관련 책을 한권 읽어보려 한다. 읽으려는 책은 : http://www.yes24.com/Product/Goods/97782392 초보자를 위한 리액트 200제 (React) - YES24 따라하면서 이해하는 React A to Z리액트를 시작하기 전에 개발 환경을 준비하는 과정부터 시작하여 예제 파일을 실행하는 방법을 안내한다. 입문부터 초급, 중급, 활용, 실무까지 5개의 파트로 나 www.yes24... 2021. 12. 13. event.preventDefault 기본적으로 trigger되는 이벤트의 동작을 취소한다 event.preventDefault() 주로 a나 form 태그등의 기본동작을 방지하기 위해 사용한다. NAVER 2021. 12. 9. 이전 1 2 다음