💢발생 상황 인풋 태그에 자바스크립트 컴포넌트 dateRangePicker를 적용해서 기간 선택창을 설정하던 중 기간 선택 달력과 별개로 반복해서 일자목록이 나타나는 상황이 발생함. 콘솔에 에러도 안찍히고 문제현상이 발생했다가 안했다가 반복해서 계속 삽질을 하다가... 해당 부분이 html 돔에 속한 내용이 아니라는 것을 알게 되었다. 💡원인 dateRangePicker를 적용하는 input태그에 브라우저 자동완성 기능이 적용되서 생긴 문제였다. (다른 브라우저를 통해서는 문제가 발생하지 않았다.) 🔧해결 방법 인풋태그에 기본으로 적용되는 자동완성을 off로 설정해니 해결되었다. 📖참고 http://www.tcpschool.com/html-tag-attrs/input-autocomplete 코딩교육 티씨..

💢발생 상황 서버에서 제공하는 리소스를 자바스크립트 fetch로 받아와서 화면에 동적으로 보여주는 연습을 하던 중 해당 코드를 를 깃 블로그에 커밋해서 올리고 깃 페이지로 확인하니 에러가 발생함. 💡원인 깃을 포함한 대부분의 사이트와 브라우저는 xss 위험때문에 보안상 https프토로콜을 지원한다. 리소스를 받아오는 주소는 http 프로토콜을 사용하고 있어서 로컬에서 테스트할때는 문제가 없었으나 깃페이지로 확인하려니 mixed content 에러가 발생하였음. 🔧해결 방법 보안상 깃에서 제공하는 https 프로토콜을 변경할 수는 없었으며 w3c에서 지정한 표준 헤더인 Content-Security-Policy를 사용해서 해결해야 했다. html 메타태그에 아래의 내용을 추가하여 해당 리소스를 https로..

※ 해당 로드맵은 정해지거나 권장되는 로드맵이 아니며 제가 공부하고 싶은 내용을 정리해둔 로드맵 입니다. 혹시 추천해주시거나 알려주시고픈 방향성이 있다면 언제든 편하게 제시해 주시면 감사할 것 같습니다. 구분 기술 비고 기술 HTML 기술 CSS 특히 flex 관련해서 연습, 반응형 기술 JavaScript ES6 에 대해 연습하고, map이나 reduce에 대한 연습 필요, 추후 포트폴리오 사이트 만들 것. 기술 TypeScript 기술 React 미들웨어 HTTP 툴 Git 툴 Figma 툴 POSTMAN 백앤드와 같이 협업하기 위해 사용법 보다 숙지 마일스톤 - 포트폴리오 사이트, 배포 ( ~ 23.07.01) - 엘리 드림코딩 ES6, TypeScript - 에어비앤비 클론 코딩 - 클린코드, 리..

보호되어 있는 글입니다.