본문 바로가기

프로그래밍181

Mixed content / Failed to load response data... 문제 해결방법 예기치 못한 에러가 발생하였다. 우선 크롬의 Network를 들어가서 확인해보니 jqeury-latest.min.js가 제대로 다운로드가 안 되는것 같았다. 사파리는 되고, 로컬로 테스트 했을 때도 됐는데.. 왜 push 후 크롬으로 하니까 안 되는것일까..! blocked:mixed-content Failed to load response data : No data found for resource with given identifier 구글링을 해보니.. http의 보안상 문제 때문에 https를 써야한다고 한다. 그래서 나는 jquery를 호출하는 링크에 s를 살짝쿵 붙혀놓았더니.. 정상동작한다 ㅋㅋㅋ 이 소스코드를 맨 위에 붙혀놓아도 된다고 한다. 2021. 10. 30.
Sweetalert로 예쁜 알림창, 경고창을 띄우자 기존에 Alert는 되게 구렸다. 구린걸 싫어하는 개발자들이 SweetAlert이라는 것을 만들었다. https://sweetalert2.github.io SweetAlert2 A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes sweetalert2.github.io 사용법과 예시는 공식페이지에 잘 나와있어서 간단하게만 소개하겠다. 우선 script 태그를 선언해서 sweetalert 패키지를 다운로드 받아주자. 1 cs 그리고는 사용하고 싶은 디자인을 선택한다. https://sweetalert2.github.io/#examples 여기에서 Try me를 눌러가면서 선.. 2021. 10. 28.
[부트스트랩5] 버튼 사용하기 부트스트랩(bootstrap)의 버튼(Buttons)을 사용해보자. 부트스트랩을 모른다면? 여기를 참고하자 우선 완성된 모습이다. PrimarySecondarySuccessDangerWarningInfoLightDarkLink 사용방법은 아주 간단하다. 우선 부트스트랩의 Buttons 페이지에서 원하는 형태의 버튼을 선택한다. 나는 Example Buttons를 모두 가져와봤다. Button 태그에 class 명을 바꿔줌으로서 디자인이 바뀐다. See the Pen Bootstrap v5 Buttons by Jirong (@jirongkim) on CodePen. 2021. 10. 28.
[부트스트랩] v5.x을 써보자 https://getbootstrap.com Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 부트스트랩은 Web 개발을 굉장히 편하게 만들어주는 강력한 도구이다. jquery에 의존했던 v4.x와 달리 v5.x로 바뀌면서 jquery가 완전히 필요없게 되었다. 부트스트랩에는 재밌고 간편한 기능들이 아주 많다. Components에서 그 기능들을 확인해볼 수 있다. 이 포스팅에서는 부트스트랩 설치와 사용에 대해 간단하게 알아볼 것이다. 부트스트랩을 사용하기 위해서 코드에 추가해주어야 하는건 2가지이다. 1. 디자인을 위한 css 1 cs 2. 여러 기능들을 위한 javascript 1 cs 이 코드들을 태.. 2021. 10. 25.
[부트스트랩5] 캐러셀 사용하기 부트스트랩(bootstrap)의 캐러셀(Carousel)을 사용해보자. 부트스트랩을 모른다면? 여기를 참고하자 우선 완성된 모습이다. Previous Next 사용방법은 아주 간단하다. 우선 부트스트랩의 Carousel 페이지에서 원하는 형태의 캐러셀을 선택한다. 나는 With Controls 라는것을 골랐다. 코드를 body태그에 붙혀넣고, 코드의 "..." 부분을 이미지 링크로 바꿔넣어주면 된다. See the Pen Untitled by Jirong (@jirongkim) on CodePen. 위의 예시코드에서는 편의를 위해 이미지 링크를 unsplash라는 사이트에서 가지고왔다. 실습하는 .html 문서와 동일한 위치에 이미지 파일이 존재한다면 1 2 3 4 5 6 7 8 9 10 11 12 13.. 2021. 10. 24.
[GIT] Mac 에서 403에러가 발생할 때 해결법 기존에는 Git 계정, 패스워드 방식으로 push 인증을 하였었는데 8월 13일 부터 바뀐 정책으로 인해 push, pull, clone 을 하기 위해서는 Token(토큰)이 필요하다. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. fatal: unable to access 'https://github.com/Jiro.. 2021. 8. 16.

티스토리툴바