# JSON.parse
JSON.parse()와 JSON.stringify() 차이
JSON.parse(): JSON 문자열을 JavaScript 객체로 변환 JSON.stringify(): JavaScript 객체를 JSON 문자열로 변환
Next.js | router.push의 query로 객체 데이터 전달 및 Next.js에서 JSON.parse와 JSON.stringify

Trouble Shooting | Next.js에서 router.push의 query를 페이지 간 데이터를 전달하는 방법에 대한 고민
Next.js를 이용하여 커뮤니티 기능을 하는 웹사이트를 만드는 프로젝트를 진행중이었다.게시글 CRUD를 구현하고 있었고 페이지의 루트는 아래와 같이 설정하려고 했다.최상위에 게시글 목록을 보여주고 게시글을 작성할 수 있는 페이지가 있음.게시글 목록에서 하나의 게시글을

얕은 복사와 깊은 복사
먼저 코드로 설명해보겠다.위처럼 코드를 작성하면 coffee는 copy의 복사본이 된다.그 후에 복사본 coffee의 값을 재할당하면 원본 copy의 값은 변하지 않고,복사본인 copy의 값만 변하는 것을 확인할 수 있다.그렇다면 객체를 복사하면 어떻게 될까?perso

JSON
JSON은 Javascript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷객체가 전송 가능하려면, 보내는 발신자와 받는 수신자가 같은 프로그램을 사용하거나, 문자열처럼 범용적으로 읽을 수 있는 형태여야 한다.전송 가능한 조건
JSON (JavaScript Object Notation)
: 서로 다른 프로그램 사이에서 데이터 교환을 위해 만들어진 객체 형태의 포맷아래와 같은 객체를 전송하려면 문자열처럼 범용적으로 읽을 수 있는 형태로 변환하여 전송해야 한다.이때, 객체를 문자열로 변환하기 위해서 toString() 이나 String() 메소드를 사용한

[ 자바스크립트 ] Ajax
HTTP(Hyper Text Transfer protocol)브라우저와 서버가 통신할 수 있도록 만들어주는 여러 프로토콜 가운데 한 종류로 웹 브라우저와 웹 서버 사이에 HTML(웹 문서를 만들기 위한 언어) 문서를 주고받는데 쓰이는 통신 규약이다.원래는 HTML 문서
JSON
데이터를 문자열의 형태로 나타내기 위해서 사용된다. 이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만 현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧. JSON은 특히 네트워크를 통해 서로 다른 시스템들이 데이터를 주고

[JS] 로컬 스토리지에 배열 데이터 넣기/가져오기
JSON.stringify : 자바스크립트 객체(객체, 배열..)를 JSON이 읽을 수 있는 데이터(문자열)로 변환해준다.localStorage.key이름은 JSON.stringify(데이터) (아직 배열의 모습을 가진 문자열이다.)JSON.parse : JSON이 읽

얕은 복사와 깊은 복사
바로 아래 단계의 값만 복사. 객체가 중첩된 구조일 경우 불변성을 지킬 수 없다.참조형 데이터가 저장된 속성은 원본과 복사본이 같은 주솟값을 가진다.따라서 🌟원본과 복사본 중 어느 한 쪽에서 참조형 데이터의 속성의 값을 바꿀 경우 다른 한 쪽도 같이 변한다.🌟 s
Ajax
Ajax (Asynchronous Javascript and XML) 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 브라우저와 서버와의 통신에 의해 화면 갱신이 발생한다. * 전통적인 방식 * 서버는 요청 받은 페이지를 반환하는데 이 때 CSS,JS 파일들도 같
MemoProject) localStorage에 보관해보기
memo-project를 클론코딩하며 단순히 화면만 그려내는것이 아니라, 데이터를 로컬스토리지에 저장하여 브라우저창이 껐다 켜질때도 기록이 남도록 하였다. 그 과정에서 로컬스토리지를 사용했던것을 기록해보기로컬스토리지는 키-값 쌍으로 데이터를 넣을 수 있다. 그때 값은

객체 / 배열 깊은 복사, 얕은 복사(+lodash)
객체나 배열을 복사할 때, 두 가지 개념이 존재합니다. 얕은 복사(Shallow Copy) / 깊은 복사(Deep Copy) 입니다. 얕은 복사는 주소값을 복사합니다. 즉, 원본의 값이나 복사된 값이 변경될 경우 두 값 모두 변경 됩니다. 위와 같이 profile
[개발자되기: JSON.stringify] Day-34
JSON (JavaScript Object Notation) 데이터 교환을 위해 만들어진 객체 형태의 포맷 예를 들어, 채팅 프로그램 메세지 전송 시 전송가능한 조건을 만족해야 한다 수신자&발신자가 같은 프로그램 사용 문자열처럼 범용적으로 읽을 수 있어야 함
[개발자되기: 비동기, fetch API] Day-24
=> promise를 리턴=> promise를 리턴=> pending/ fulfilled/ rejected=> promise문자열을 객체로 바꿔줌특정 URL로부터 정보를 받아오는 역할 계속 업데이트가 되어야하는 부분(ex. 포털 메인사이트 내 최신뉴스, 미세먼지/날씨

[JavaScript] Array를 String 혹은 Object 로 변환하기
배열을 문자열 혹은 객체로 바꾸기, 문자열 혹은 객체를 배열로 바꾸기(feat. JSON.stringify, JSON.parse)