본문 바로가기

전체 글168

220330 원래 1주 목표로 잡았었는데 변경사항이 많았고 고려사항이 많았기에(예.엄마확진.. 멘탈개박살나기...) 그냥 원래대로 일정노트에 쓰는게 나을 것 같다. 31일 처리해야할 사항 css헤더, content width값 변경 position:absolute를 써야하니 html구조를 생각하기(디바이스의 width값이 제각각이니 변경될 걸 생각하고 css 만들기) 버튼의 JS나 설명창을 어떻게 구현할건지(Js) 고민하기 공부할 사항 패캠 JS강의 다 듣고 (4-1)다시 들으면서 필기하기 모던 자바스크립트 134p부터 30분간 읽기 필기했던거 실습해보면서 깃허브에 잔디심기 그 외 네이버 쇼핑 구조보기! 구글링 해보기(부족한 부분) 2022. 3. 30.
220330(css, html 혼자 깨달은 점) 우선 혼자 수정하고있는 Mycloset를 반응형 사이트로 만들어 보고 싶었다. 모바일 first로 제작하고 싶었고, 그래서 우선 width:400px로 준 다음에 하고 있었는데 그렇게 한 것이 오만이자 아주 큰 패착이었다. 사람들이 css가 JS보다 어려워요 하길래 난 재밌는데..ㅎ.ㅎ.ㅎ.ㅎ.ㅎ. 했는데 이제서야 알게 되었다. 고려 사항이 너무나도 많구나 쉽게 얕봤구나 생각이 들었다. 깨달은 점 1.width를 따로 주지않고 개발자 도구에서 반응형으로 보기 -width:400px를 주고 시작하니까, iphone SE인 경우 가로 너비가 320px 이기 때문에 좌우 40px씩 안보인다. 2. padding, 사진 단위를 상대적단위로 바꾸고, :root에 따로 설정하기 - 나중을 고려해서 미디어 쿼리에서 .. 2022. 3. 30.
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.

티스토리툴바