1.
데이터 넘길 때
// 데이터 넘길때
const dataPlan = {
"title": "대나무 먹을 사람?",
"menu": "꽃 핀 대나무",
"place": "판다월드",
"date": "오늘, 오후 1시",
"people": "3명"
}
const contentTxt = "대롱대롱 푸바오"
const jsonString = JSON.stringify(dataPlan);
// 최종적으로 서버로 보내는 데이터
const content = JSON.stringfy(contentTxt + jsonString).replace(/"/g, '\\"');
console.log(content);
// 결과: "대롱대롱 푸바오{\"title\":\"대나무 먹을 사람?\",\"menu\":\"꽃 핀 대나무\",\"place\":\"판다월드\",\"date\":\"오늘. 오후 1시\",\"people\":\"3명\"}"
JavaScript
복사
a.
dataPlan: 일정 데이터(제목, 메뉴, 장소, 일시, 인원)는 위와 같은 구조로 진행
b.
contentTxt: 컨텐츠 데이터(사진 밑에 들어가는 텍스트)
c.
jsonString: dataPlan을 문자열로 변환
d.
content: 최종적으로 서버에 보내는 데이터로, contentTxt와 dataPlan을 합친 문자열
i.
참고로, 지금은 공통적으로 사용하는 감귤마켓 api이기 때문에 다른 프로젝트에서도 공통적으로 사용하는 컨텐츠 텍스트는 앞에 두고, 뒤에 저희 JSON 데이터가 합친 구조가 되었으면 좋겠어서, contentTxt에 dataPlan를 합치는 구조로 했습니다.
1.
그러면, 다른 팀에서 저희 서비스를 이용하는 계정을 로드할 때
a.
컨텐츠 영역에서 텍스트를 먼저 보여줄 수 있음
b.
없으면,,어쩔 수 없죠ㅠ
2.
다른 팀에서 이용하는 계정을, 우리 서비스에서 이용하는 계정을 로드할 때
a.
저희는 뒤에 JSON 형식이 없으면(⇒ 정규식으로 들어냄), 상단 “일정”영역을 렌더링 안되게 하면 되지 않을까 싶습니다
'대롱대롱 푸바오{"title":"대나무 먹을 사람?","menu":"꽃 핀 대나무","place":"판다월드","date":"오늘. 오후 1시","people":"3명"}'
Plain Text
복사
데이터 넘길 때
명도 확인 사이트
컬러 조합 사이트
아토믹 디자인
페이지를 나눌 수 없을때 까지 쪼개서 재사용성을 극대화한다.
