2022/12/17 4

221217 TIL

오늘 백엔드분들이 API서버를 배포해주셔서 간단하게 메인페이지의 데이터를 get할 수 있었다. 다행히 별 다른 문제 없이 잘 받아왔다. 그런데 글을 등록하는 곳에서 문제가 발생했다. 특정 데이터들을 담은 객체를 만들고 그 객체를 Thunk에 dispatch해주어야했는데, dispatch가 실행될 때 아래와같이 오류가 발생했다. Uncaught TypeError: Cannot read properties of undefined (reading 'type') 해결하려고 여기저기 뒤져봤는데 잘 나오지 않았다. 머리도 제대로 안돌아가서 일단 쉬고 일요일에 좀더 작업해 볼 생각이다. 끝.

1차 공부/TIL 2022.12.17

221217 Session Storage에 저장하고 가져오기

1. 브라우저 세션 기간 동안만 사용할 수 있고, 탭이나 창을 닫으면 삭제된다. 2. 새로고침을 해도 유지된다. 3. 변경된 사항은 현재 페이지에서 닫힐 때까지 저장되어 사용할 수 있다. //밸류를 세션스토리지에 저장 sessionStorage.setItem('name', 'minkyu'); //세션스토리지로부터 밸류값 가져오기 sessionStorage.getItem('name');//minkyu //세션스토리지 밸류 제거하기 sessionStorage.removeItem('name');//name값 제거 sessionStorage.clear();//모든 값 제거

221217 localstorage에 저장하고 가져오기

1. 사용자 세션 데이터를 유지할 수 있다. 2. 브라우저를 닫고 다시 열 때에도 지속된다. 3. 탭을 여러개 열어도 공유된다. 4. 명시적으로 삭제될 때 까지 지속된다. 5. 변경사항은 저장되어 현재 및 향후 사이트 방문 시 사용할 수 있다. ====>>>>> 사용자가 브라우저 창을 닫았을 때 데이터는 삭제되지 않으며, 만료날짜 없이 사용자 정보 데이터를 저장한다. //밸류값 local storage에 저장하기 localStorage.setItem('name','minsoo'); //local storage에 있는 밸류값 가져오기 localStorage.getItem('name')//'minsoo' //local storage에 있는 밸류 값 삭제하기 localStorage.removeItem('nam..

221216 TIL

오늘 미니프로젝트를 시작했다. 주특기를 배우고 백엔드분들과 처음 협업하는 것이라 좀 두렵다. 백엔드분들은 이래저래 슥슥 api를 작성하고 팍팍 하는게 신기했다. 프론트엔드는 첫날 와이어프레임 짜고, api명세서 읽어보고, View를 작성하느라 정신이 없다. api명세서는 익숙하지도 않아서 이게왜 이건지,, 모를때도 많다... 오늘 희석님께서 SA작성을 주도하셨는데, 정책(제한사항)도 미리정하는 것이 신기했다. 또 github 협업 repo에서 project를 만들어 issue가 한 곳에서 확인이 가능 하도록 하는 것도 신기했다. 오늘은 딱히 trouble shooting도 없었다. 첨부파일의 크기를 확인하는정도? const foodImgChangeHandler = (e) => { //첨부파일 정보 변수화..

1차 공부/TIL 2022.12.17