현재 프로젝트에서 구글로그인API를 활용해서 프로필 이미지 주소를 가져와서 img 태그로 보여줄 때잘 되다가 가끔씩 특정 계정의 이미지만 깨질 때가 있다링크텍스트img 태그에 referrerPolicy="no-referrer" 이거 한줄 넣으니까 다시 잘 보인다 ㄷㄷ

음정이나 코드를 들려주고 맞추는 간단한 청음프로그램을 만들려고 했는데 처음엔 그냥 아무것도 모르고 HTML의 audio 태그를 이용해서 로컬에 있는 mp3파일을 note들로 사용했었는데 데스크탑 브라우저 환경에서는 별 무리없이 동작하였으나 모바일로 테스트 해본 결과 코

ref를 활용하여 input 태그에 콜백함수로 가져온 엘리먼트를 담은 변수를 사용하여 DOM에 접근하기 constructor 안에 element를 할당할 변수를 선언 ref를 통해 element를 들고올 콜백함수를 만든다 가져올 태그의 속성에 ref를 추가하고 2

웹 개발 기본기 다지는데는 게시판 만한게 없는거 같다.이전에는 학원에서 Vue.js로 게시판을 만들었었는데 그러다 보니까 순수 자바스크립트 실력은 많이 늘지도 않는것 같고 제대로 이해도 하지 못한채로 코드만 치는 것 같아서 이번에는 바닐라 자바스크립트로 게시판 목록과

풀스택 연습용 DB로 몽고db를 쓰려고 찾아보다가 mongodb atlas라고 클라우드 데이터베이스 서비스를 제공하고 있어서 그걸 써보려고 한다.https://www.mongodb.com/ko-kr/cloud/atlas/register위 사이트로 들어가서 계정

학원에서 공부한 HTML 작업 폴더를 Git으로 commit하고 내용을 GitHub Repository에 push 하려고 했는데remote: Support for password authentication was removed on August 13, 2021.remo

파란색 영역을 클릭시에 하위 항목들이 열고 닫히는 기능을 구현해 보려고 한다가장 먼저 생각나는건 if문으로 열렸을 때, 닫혔을 때 따로 조작할 수 있게 만들 수 있겠지만 그렇게 하면 코드도 복잡해지고 직관적이지 않은 것 같아서 다른 방법을 찾아보기로 했다MDN의 cla

자바스크립트 math.random을 배운 김에 로또 번호 생성기를 만들어 보고 싶어짐 math.random은 귀찮으니 다음에 작성

학원 예제들인데 html 문서 확인 할 때마다 일일히 live server 실행하기 귀찮기 때문에 일반 사이트들 처럼 SPA형식으로 만들어서 관리하기로 했다. js연습도 할고 뭐 깔기도 번거롭기 때문에 그냥 js 로만 만들 방법이 없는지 찾아보다가 XMLHttpR