JavaScript12 JSON.stringify & JSON.parse JSON이란: https://staywithme9808.tistory.com/32 json & working with json in django 🥜 INTRO: what is JSON? N let's see how to handle json data in django - using python 🥜 JSON: JavaScript Object Notation => a standard text-based data format for representing structured data - com.. staywithme9808.tistory.com 자바스크립트의 JSON.stringify() JSON.parse() 메소드란 무엇일까? JSON.stringify() - takes a JavaScript object.. 2022. 3. 23. 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 portfolio 완성 2022.01.21 react 개인 portfolio 완성. 12월 react공부 시작 후 한달여 만이다. 계속 여기에 매달린건 아니고 회사에서 자투리 시간+주말 자투리 시간등을 이용해 만들었다. 만든 앱은 로그인+간단한 일기장 형식의 todo app. CRUD기능을 연동해 만들어서 실제 test db와 연결했다. 디자인 css등은 인터넷등을 참조했기에 블로그에는 완성본을 올리지 않을 예정이다. 애초에 그냥 개인 연습용으로 만들어 본 것이라서. 시간여유가 되면 좀더 다듬어서 github에 올리던 개인 portfolio에 넣을까한다. React로 간단한 앱을 만들어 보면서 느낀점은: 1. component형식으로 구조를 나눠서 독립적으로 각 module을 나눠놓으면 코드를 작성하기가 수월하다. 2. bac.. 2022. 1. 21. 이전 1 2 3 다음