본문 바로가기

전체 글90

[2023-02-16]<table> 테이블 태그와 <input> 태그 1.margin:auto = 브라우저를 기준으로, 블럭을 가운데로 정렬 이라는 텍스트속성의 태그 margin:auto;를 주었다. 텍스트가 움직이지 않았다. 이는 h1 태그 자체를 가운데로 옮기기 때문이다. h1의 크기는 브라우저 한 행을 다 차지하고 있기 때문에 움직일 수 없다. h1은 텍스트형식인 text-align:center;로 주어야한다. 2. -1)와 로 나눈 이유 이렇게 제목과 바디를 나눠주는 이유는, html문서를 복사해서 word나 프레젠테이션 자료로 쓸 때 , 제목과 바디가 분리되어 보인다. 이처럼 다음 페이지로 넘어가도, 제목과 바디가 분리되서 나온다 ! -2)같은 행의 셀을 합치는 법 colspan = "2" column span (span 은 양옆으로 쭉 펼친 모습) 두개를 합침 .. 2023. 2. 16.
Object.defineProperty() https://iamdaeyun.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9D%EC%B2%B4-%EC%86%8D%EC%84%B1-%EC%B6%94%EA%B0%80-ObjectdefineProperty?category=740910 자바스크립트 객체 속성 추가 Object.defineProperty 자바스크립트 객체에 속성 추가하기. Object.defineProerty() let sampleObj = [ {id:1, name:'kangAgee', key:183 }, {id:2, name:'GoyangE', key:171 }, {id:3, name:'toKi', key:169 }, ]; for(let i=0.. 2023. 2. 16.
[jQuery]$(this)의 활용 주로 동일한 소스가 반복되는 곳에서 많이 사용한다 (메뉴탭) 자기가 원하는 타겟만 변할 수 있게 해줌 $(document).ready(function(){ $(.buttons).click(function(){ $(this).val("눌렀음"); }); }); 이렇게 소스코드를 적으면 , 일일이 class마다 타입을 다르게 하여 코드를 작성할 필요가 없다. 예시) 만약 클라스를 각각 다르게 했다면..아래처럼 비효율적으로 코드를 작성했을 것이다. 참고 https://wonjuman.tistory.com/20 2023. 2. 15.
[jQuery] val()함수란? // set의 용도 간단히 말해, 내가 선택한 요소를 내가 원하는 값으로 셋팅해주는 것을 말한다. 주로 의 태그에서 많이 사용한다. set의 용도 $("타켓지정코드").val("set하고 싶은 value값"); $(document).ready(function(){ $("button").click(function(){ $("input:text").val("pudding"); }); }); val()을 사용하여 값을 셋팅해준다. 참고 https://m.blog.naver.com/snazzy79/70085562436 [JQUERY] Val()함수 Value값 가져오기,설정하기 태그속성의 값중 Value는 굉장히 중요한 값을 가집니다.특히 대표적으로 많이 사용되는곳이 텍스트박스(in... blog.naver.com 설명 다 어려웟.. 2023. 2. 15.