TIL#14(핸드폰 번호 가리기, localStorage에 영화의 id값으로 배열 넣기)

오늘 한일

• 핸드폰 번호 가리기

핸드폰 번호의 길이를 검사한후 앞쪽번호부터 하나씩 answer배열에 넣을 때 뒤쪽부터 몇번째인지 검사한 후 4번째 밖이면 * 4번째 부터는 숫자 그대로 넣어준 후 출력하였다.

• localStorage에 영화의 id값으로 배열 넣기

영화 검색 페이지에서 영화를 클릭한 후 해당 영화에 리뷰를 남기면 localStorage에 저장을 하였는데 localStorage가 도메인 하나에 모두 저장이 되어서 모든 영화가 모든 리뷰를 공유하게 되는 문제가 생겼다.

localStorage에서 데이터를 저장할 때 key값을 영화의 id로 한 다음 리뷰에 대한 정보를 오브젝트화 한 후에 배열에 넣고 value값으로 지정해주었다.

리뷰 저장 버튼을 누르면 해당 리뷰에 대한 정보를 전체 배열에 넣은 후 localStorage를 업데이트 해주었다.

어려웠던 점

• localStorage에 데이터 저장이 문자열로 밖에 안되어서 데이터들을 배열화하고 문자열화하는 과정에서 오류가 많았다.(JSON을 이용해 해결하였다.)