어제 제출한 과제를 다시 한번 보았다. 타입 스크립트 공부도 할 겸 제대로 체크 하지 못한 타입들을 전부 새로 걸어 주었다. local storage 에서 받아오는 값에서 아직 값이 저장되기 전에는 null 값이기 때문에 string | null 지정을 해주어야 했다. 해당 값을 parse 하는 부분에도 JSON.parse(oldItemStorage || "{}") null 일경우 "{}" 빈 스트링 값이 들어가도록 만들어 주어야 했다. let oldItemStorage:string|null = localStorage.getItem('items') let newItemsSrotage = [] newItemsSrotage = JSON.parse(oldItemStorage || "{}") 아래 (val:{[..

오늘 과제를 마무리 하여 제출 하였다. 대부분의 기능을 완성 하였지만 몇 가지 버그와 미완성인 부분이 있었다. 시술 창으로 들어가서 숫자 선택 한 후 다시 시술 창을 열어서 숫자를 선택할 경우 바스켓 페이지의 숫자가 바뀌지 않음 가격은 변동함 할인에서 아이템 선택시 체크박스 사용하지 않아서 선택이 되었는지 안 되었는지 모름 할인 아이템을 먼저 고르고 난뒤에 시술 아이템을 고를 경우 추가된 부분에 한해서 할인 적용이 안됨 그리고 타입 스크립트를 사용을 하였는데 타입 지정을 못해준 부분이 많았다. 특히 제출이 얼마 남지 않았을때는 any를 마구 남발해 버렸다. 처음에 좀 더 전체적인 구조르 구체적으로 짜고 시작했어야 하는데 대충 짜서 만들면서 필요한 부분 추가하고 이러다 보니 뭔가 엉망이 되어버린 거 같았다..

장바구니에 들어갈 값들을 localStorage에 저장을 하여 불러 오는 방식을 사용하여 구현 하였다 . 추가하는 코드 (중복 방지) let oldStorage:any = localStorage.getItem('items') let newSrotage:any = [] if(oldStorage){ newSrotage = JSON.parse(oldStorage) for(let i = 0; i < newSrotage.length; i++){ if(!newSrotage[i][name]){ localStorage.setItem("items", JSON.stringify(newSrotage.concat(obj))) } } } localStorage.setItem("items", JSON.stringify(newSr..

선택한 시술 아이템들과 할인 아이템들을 담아서 바스켓 컴포넌트로 보내주는 작업을 하였다. 바스켓 - 모달 - 아이템 이런 식으로 부모와 아들 노드가 형성이 되어 있는데 아이템 컴포넌트에서 모아진 값을 모달에 있는 버튼을 눌러서 바스켓으로 전달을 해야 한다. state를 다시 써보기도하고 useeffect를 사용하여도 보았지만 잘 되지 않았다.

시술과 할인 항목들을 띄우고 각각의 체크박스를 만들었다. 체크박스를 클릭하면 선택된 항목을 가지는 Array에 추가된다. 이 Array로 Basket에 선택된 목록들을 보여 줄 것이다. 해당 배열의 형태는 {name:[price,count]} 형태로 중복을 방지 할 수 있다. dropdown을 사용하여 count를 나타냈다. Typescript Error Ts7053 Element simplicity has an ‘any’ type 에러가 발생하였는데 let Obj = {name:"a", price:"100"} 이런 형태일 경우 아래와 같이 type을 설정을 해주어야 Obj["name"] 값을 불러올 수 있었다. Const myObj: {[index: string]:any} = {}

지원한 회사에서 과제를 받아서 git에 연결을하고 기본 세팅을 하였다. 타입스크립트를 사용해야 하는 과제인데 아직 익숙하지 않아서 계속해서 찾아보면서 적용을 해나가야 할 것 같다. 간단한 프로토 타입을 만들었고 먼저 기능을 구현한 다음 css에 신경을 써보려고 한다.