TIL 25: StringifyJSON / Tree UI

오늘은 어제 배운 재귀함수를 Sprint에 활용해보았습니다. 확실히 코플릿 문제 푸는 것보다 재귀함수의 활용성을 잘 알아갈 수 있었습니다. 어제 코플릿 풀면서 어떻게 쓰는건지 잘 알게되었지만 "왜" 이미 있는 메서드를 내가 직접 재귀함수를 써서 다시 코드를 짜야하는가에 대해 의문을 계속 가졌었어요. 하지만 오늘 Tree UI를 풀면서 아 이런 곳에 활용할 수 있겠구나! 라는 생각을 했습니당 :)

 

JSON (JavaScript Object Notation)

JSON은 JavaScript Object Notation의 줄임말로, 서로 다른 프로그램 사에서 데이터 교환을 위해 만들어진 객체 형태의 포맷입니다. 그리고 JSON 포맷은 JS를 포함한 많은 언어에서 사용하기 때문에 범용성이 높습니다. 

JSON으로 변환된 객체의 타입은 문자열입니다. 발신자는 객체를 직렬화한 문자열을 누군가에게 객체의 내용을 보낼 수 있습니다. 수신자는 객체를 직렬화한 문자열을 역직렬화함으로써 다시 객체형태로 변환합니다.

 

JSON.stringify : Object type을 JSON으로 변환합니다. (직렬화)

JSON.parse : JSON을 Object type으로 변환합니다. (역직렬화)

 

	자바스크립트 객체	JSON
키	키는 따옴표 없이 쓸 수 있음	반드시 큰따옴표를 붙여야 함
문자열 값	문자열 값은 어떠한 형태의 따옴표도 사용 가능	반드시 큰따옴표로 감싸야 함
공백	공백 있어도 됨	키와 값 사이, 그리고 키-값 쌍 사이에는 공백이 있으면 안됨

Sprint 풀고 저 형식을 하나하나 꼭 지켜줘야 함을 알 수 있었습니다.

 

 

Tree UI

블로그만 봐도 사용자가 좀 더 쉽게 페이지를 찾아볼 수 있도록 카테고리가 나뉘어져 있습니다. 그리고 카테고리 안에 세분화된 카테고리가 있기도 합니다. 이 경우가 바로 재귀함수가 쓰일 수 있는 상황입니다.

1. 주어진 문제를 비슷한 구조로 더 작게 나눌 수 있는 경우
2. 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우

어제 위와 같은 상황에 재귀함수를 쓸 수 있다고 배웠는데요. 카테고리는 저 상황에 알맞는 상황이기에, 오늘 재귀함수를 사용해서 카테고리를 만들었습니다!

풀 때 currentNode의 역할에 대해 고민이 많았지만 여러가지 시도 끝에 잘 알 수 있었습니다.

 

 

 

오늘 페어분과 스프린트 끝나고 추가적으로 다른 얘기도 했었는데요! 대화 후 자기말로 배운 걸 설명할 수 있는 게 중요하다고 생각이 들었습니당