본문 바로가기

전체 글66

[TIL] 2. 웹에디터 / 다이나믹 임포트 / Html 삽입 / 다양한 웹 공격 (XSS , CSRF, OWASP TOP 10) 보호되어 있는 글 입니다. 2022. 2. 22.
[TIL] 1. 브라우저 저장소 / 저장소 특징 비교 / 비회원 장바구니 / 오늘 본 상품 Weekley Goals 브라우저 저장소 / 웹에디터 / 결제 프로세스 / 지도 이제 cont{}, const[] 원리 - Destructuring 무시무시한 타입이당 - generic 그냥 텍스트 말고, 웹에디터로 꾸며줘! - Web-Editor 결제 API 테스트할 신용/체크카드 준비 됐지?! - Import 지도 연동 ?! 굉장히 쉽잖아 - Map 해당 위치가 어딘지 나오는거. 중고상품 어디서 판매할건지 위치 찍기. Today Goals 무시무시한 타입이다 - Generic 변수 말고, 브라우저에 저장해봐! - Cookie / LocalStorage / SessionStorage 비회원 전용 장바구니가 있다고? - Basket ”회원 장바구니로 옮겨드릴까요?” 오늘의 정리 오늘은 앞서 알아 보았던 .. 2022. 2. 20.
[TIL] 5. 구조분해할당(=비구조화할당) / Refresh문제점 / ApolloState 직접 수정 Today Goals 아하 이제 const{}, const[] 원리를 알겠어! - Destructuring 객체에서 데이터를 삭제해보자 - Rest- parameter HOC는 원래 클래스용임 - custom-hooks ⇒ 함수형 용 (hoc는 클래용이든 함수용이든 사용 가능.. ) refresh 쉽지만 별로예요 - writeQuery / readOnly 오늘의 정리 비구조화할당 Destructuring 비구조화할당은 ES6에 추가된 JS 표현식으로 배열이나 객체에서 특정 데이터를 변수로 추출해 사용 할 수 있게 해줍니다! useState(), useQuery() 또한 이런 형식으로 이루어져있다. 중요한 포인트가 있었어요, 객체 구조분해할당의 경우 객체 내의 key 이름이 중요해 같은 이름으로 사용해야 .. 2022. 2. 20.
[ETC error] 코드는 멀쩡한데 왜 자꾸 400 에러가 뜰까? 문제 상황 accessToken을 발급 받아 로컬스토리지에 저장하는 식의 로그인 페이지 창에서 계속 400 에러가 뜨면서 전혀 로그인이 되지 않았다. 코드는 문제 없었다. 원인 네트워크로 들어가 보니 accessToken이 만료되었다고 뜬다. 해결 만료된 accessToken을 삭제했더니 정상적으로 로그인이 되었다. 2022. 2. 17.