22.06.24_TIL

📌 습하고 눅눅하던 목요일이 지나고 맑은 하루를 졸린눈으로 시작했습니다🥲 새벽까지 새로운 리액트 강의를 들었는데 내용이 너무 좋아서 시간 가는줄 모르고 들었습니다. 강의는 유데미의 'React 완벽가이드'라는 제목의 외국 강사분께서 강의하는 내용이었는데 리액트를 사용하는 이유부터 차근차근 설명해주시고 내용이 리액트에 대한 내용이 깊이있어서 천천히 학습 할 수 있었습니다.
또, 이번에 진행했던 express 서버를 구현해서 리액트를 이용한 crud를 프로젝트에 fetch를 해서 실제 서버에서 API 데이터를 받아와 렌더링을 해보기로 해서 마음이 들떴습니다. 이번에도 무사히 해결할 수 있도록 기대해 봅니다.**

 

📗 오늘 학습한 내용

JSON (JavaScript Object Notation)

• 구조가 재귀 함수를 사용할 수 있는 트리 구조이다.
• 데이터 교환을 위해 만들어진 객체 형태의 포맷
• 데이터를 보내는 발신자와 받는 수신자가 같은 프로그램을 사용하거나, 문자열처럼 범용적으로 읽을 수 있는 형태여야 가능

JSON 전송 가능한 조건 (transferable codition)

• 수신자와 발진가가 같은 프로그램을 사용한다.
• 문자열처럼 범용적으로 읽을 수 있어야 한다.

JSON.stringify: 객체를 JSON으로 변환

• 직렬화(serialize)
• 변환된 객체의 타입은 문자열

JSON.parse: JSON을 객체로 변환

• 역직렬화(deserialize)

 

📘 추가로 공부할 내용

[udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기)

React에 로컬서버 API 데이터 불러오기

• express 로컬 서버 구현 
  • 데이터 조회
  • 데이터 추가
  • 데이터 수정
  • 데이터 삭제
• React CRUD 프로젝트에 적용
  • API 데이터 조회 후 렌더링
    • React로 만든 페이지 새로고침해도 데이터 날아가지 않게하기.
  • API 데이터에 추가
  • API 데이터 수정 후 추가
  • API의 데이터 삭제

 

📝 중요한 내용

• JSON.stringify: 객체를 JSON으로 변환
• JSON.parse: JSON을 객체로 변환