본문 바로가기

Today I learned!46

220328(js)[이해 아직 못함] input의 range 값을 받아 화면에 바로바로 나타나게 하고 싶어서 구글링을 해보니 oninput을 사용하면 바로바로 적용이 된다고 했다.(onchange를 하기엔.. 바로바로 적용이 됐으면 했다) https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/oninput let temperature = document.querySelector('.temp_val') let tempRange = document.querySelector(".temp_range"); tempRange.oninput = handleInput; function handleInput(e) { temperature.innerHTML = `${e.target.valu.. 2022. 3. 29.
220323(Js) 1. 식별자 네이밍 규칙 모던 자바스크립트 4.7절에(p47) 나와 있다. 식별자란? 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름 -식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러기호($)를 포함할 수 있다. -단, 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러기호($) 로 시작해야 한다. 숫자로 시작하는 것은 허용하지 않는다. -예약어는 식별자로 사용 될 수 없다. 객체의 프로퍼티의 키는 일반적으로 문자열인데, 이때 식별자 네이밍 규칙을 준수한 이름은 따옴표를 생략할 수 있다. 예) user_name => 따옴표 없어도 됨. user-name => 따옴표로 묶어야 함. 2. 프로퍼티에 접근할때의 방법은 .과 [] 가 있는데, 여기서 []를 사용할 때 프로퍼티 키는.. 2022. 3. 23.
220322(css) 1. 모바일에서는 :hover가 작동하지 않는다 (생각해보면 그렇다.. 마우스 커서가 따로 있는게 아니니까!) 모바일에서 버튼을 눌렀을 때 효과를 주고싶다면 :active로 주어야 한다! - 모바일에서는 웹과 환경이 다르기 때문에 고려할 사항이 많아지는 기분! -확인을 해보니 모바일에서 hover일 때 꾹 눌렀을 때 나타나긴하지만, 꾹 눌렀다 뗐을 때 open버튼이 여전히 남아있음을 알 수 있었다.(다른 곳을 눌러야 없어짐) active로 했을 때는 눌렀다 떼면 없어짐. 우선 :hover로 작업하기! 2. position값을 주게 되면 display값이 block으로 자동으로 바뀐다.(갑자기 헷갈림) 이미 알고 있었지만, 계속 헷갈리게 됨. 멋사 과제중에 선을 긋는 --- 또는 --- 이런 식으로 표현해.. 2022. 3. 22.
220321(css) https://stackoverflow.com/questions/8508275/how-to-center-a-position-absolute-element How to center a "position: absolute" element I'm having a problem centering an element that has the attribute position set to absolute. Does anyone know why the images are not centered? body { text-align: center; } #slideshowWrapper { stackoverflow.com 프로젝트했던걸 다시 수정중인데 버튼이 그냥 중앙에 가있길래 궁금해서 position absolute cen.. 2022. 3. 21.

티스토리툴바