목록전체 글 (189)
기초공사 (html,css,javascript)
//div들 있을떄 보니 사각형은 겹치지만 그 안에 있는 글씨는 블럭요소의 특징으로. 밀려난다. // ** 플롯이 적용된 요소를 뒤따라오는 요소들이 달려든다. 역시 이부분도 block1를 float:left로 하면 p태그는 block1를 무시하고 달려든다.보면 위의 주황색부분 p태그의 영역이다. 겹쳐있다.하지만 p태그안에 글씨는 밀려난다. float:left를 적용하면 다음 애가 안잡힌다. 잘 나오게 하라면.부모인 div class="img-p-container clearfix 에 준다. .clearfix::after { content: ""; clear: both; /* 부동 요소의 영향을 제거 */ display:block;/* 블록 요소로..
// flex: 1 1 25%와 1 0 25% 일떄 비교해보기 // 사용자를 고려한 설계로 만족스러운 체험을 웹사이트 설계는 제공하는 서비스나 퍼소나에 따라 달라집니다. 서비스와 퍼소나에 맞춘 설계를 통해 방문자에게 스트레스를 주지 않는 보다 나은 체험을 만들어 만족감을 높입니다. 우리는 고객의 사이트에 맞는 사용성을 고려하기 때문에 세심한 분석과 의견 청취를 실시함으로써, 만족을 체험할 수 있는 크리에이티브 및 테크놀로지를 설계하고 구현함으로써 지금까지는 없던 기대를 뛰어넘는 사용자 체험을 제공합니다. 퍼소나란? ..
//const arr6 = [1, 2, 3, 1, 2];function remove(array, item) { const index = array.indexOf(item); //item 2 --> 1 //item 10 -> -1 console.log(index); if (index != -1) array.splice(index, 1); //item 2-->array.indexOf(2)--> 2라는 요소가 처음에 1번쨰에 있으므로 변수 index는 1이다. // 1과 -1이 같지 않다면--같지않지 - array.splice(1,1) // 1부터 한개 지우면 남는것이 [1 3 1 2] // item 10 --> array.indexOf(10)->10이라는 요소가 없다. index =-1이다...
//저 코드를 이용한다.!! // 스스로 풀이시작html 4. 아래의 입력창에 숫자가 입력되지 않도록 하고 길이 제한은 10자로 하시오. 숫자가 입력된다면 숫자가 입력되었다고 alert로 알려주시오 5.아래의 입력창에 입력 후 저장 버튼을 누르거나 엔터키를 누르면 입력한 내용이 아래의 list에 추가 되도록 하시오. 초기화 버튼을 누르면 list안의 모든 내용이 지워져야 함 6.추가된 내용을 "각각" 수정 및 삭제 수 있게 변경하시오. 저장 초기화 리스트 list list ..
Ex4 : childNodes를 이용한 노드선택 //Ex4 : childNodes를 이용한 노드선택window.addEventListener("load", function() { var section3 = document.querySelector("#section4"); var box = section4.querySelector(".box"); //childNodes는 빈 공백도 node로 생각한다. 그래서 등장한 것이 children // var input1 = box.childNodes[0]; // var input2 = box.childNodes[1]; //children은 태그 있는 것만 자식으로 생각한다. ..
//https://developer.mozilla.org/ko/docs/Web/API/setInterval setInterval() - Web API | MDNWindow 및 Worker 인터페이스에서 제공되는 setInterval() 메서드는 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행합니다.developer.mozilla.org구조.const intervalID = setInterval(myCallback, 500, "Parameter 1", "Parameter 2");function myCallback(a, b) { // 여기에 코드를 작성하세요 // 매개변수는 순전히 선택적입니다. console.log(a); console.log(b);} 이코드..