꾸준한 개발일기

화면 정가운데에 떠야하는 팝업창이 모니터 끄트머리에 잘려서 보이는 오류가 발생했다. 디버깅을 해보니 코드에서 설정하지 않은 스타일이 적용되어 내가 지정한 스타일이 먹지 않았다. 이를 해결하기 위해서는 두 가지 방법이 있다. 1. !important 사용 { top:-766px; left: 0px !important; z-index: 4 !important; } 지정한 스타일에 !important를 넣어 우선순위를 주면 된다. element.style에 있는 스타일 값이 적용되지 않고 내가 css파일에서 설정한 스타일 값이 적용되었다. 2. 자바스크립트로 스타일을 제거 document.querySelector('#id').removeAttribute('style'); querySelector와 remove..

갑자기 친구한테 카톡이 왔다 친구가 개발, 디자인도 아닌 평범한 연구직인데 갑자기 홈페이지 기획을 맡게 되었다는데 배너 크기를 알고싶다는 것이었다 이런 질문을 하는 사람이 처음이라 재밌고 웃기다 ㅋㅋㅋㅋㅋ 하긴 개발이나 디자인 직무가 아니면 모를 수도 있겠구나 그리고 친구가 검색을 해봐도 제대로 안 나온다길래 블로그에 정리해보기로 했다 1. 홈페이지 접속 먼저 확인하고 싶은 디자인이 있는 홈페이지에 접속한다 2. 개발자 도구 열기 F12를 눌러 개발자 도구를 연다 3. 아이콘 클릭 빨간색 블럭친 아이콘을 클릭해준다 4. 마우스 커서로 정보 확인 원하는 디자인 부분에 마우스 커서를 올리면 정보가 나온다