본문 바로가기

분류 전체보기453

특정데이터 제외하고 검색하기 NOT IN , where 조건이 있을 때 연결하는 법(AND) SELECT distinct * FROM products WHERE pro_name Like '%$searching%' AND NOT pro_category IN ('물건') 2021. 9. 7.
atom의 emmet 의 tab 단축키가 안 먹힐 경우 또는 emmet이 작동 안할 때 https://github.com/emmetio/emmet-atom/issues/503 Tab doesn't work · Issue #503 · emmetio/emmet-atom Hi, just installed atom and find that I can't TAB, can't expand even by shift+cmd+e, it deletes the word. If I disable the emmet package, TAB works well. github.com f you find after installing emmet, tab completion doesn’t work as described in the documentation, go to Atom > Keymap or File > Keyma.. 2021. 9. 2.
얕은복사, 깊은 복사 https://bbaktaeho-95.tistory.com/37 [Javascript] 얕은 복사, 깊은 복사 (배열 복사, 객체 복사, shallow copy, deep copy, slice, JSON.parse, JSON.string 📚 복사 먼저 복사란, 원본과 모두 같은 내용으로 사본을 만드는 작업 원본은 따로 존재하고 사본도 따로 존재하게, 즉 원본과 사본은 내용은 같지만 서로 다르게 존재하고 있다는 뜻임 📗 얕 bbaktaeho-95.tistory.com 2021. 9. 1.
arr.length를 반드시 변수에 저장해서 사용하도록 하자... const arr = ['A','B','C'] const arr2 = [1,2,3] const arrLength = arr.length; console.log(arr.length); arr[arrLength] = 'D'; arr[arrLength + 1] = 'E'; arr2[arr.length] = 4; arr2[arr.length +1] = 5; console.log(arr); console.log(arr2); empty가 왜 두개 생기나 했는데 , 이유는 arr2에 4,5를 추가해줄 때 arr.lengh의 길이는 이미 5로 길어져 있기 때문에.. arr2[5] 부터 추가가 되기 때문이다... arrr.length를 반드시 변수에 저장해서 사용하도록 하자... 2021. 9. 1.
CSS Reset 각 브라우저마다 heading 이라던지 body라던지.. 각각 태그에 css가 먹혀져있다(마진 글씨크기 등..) 기본적인 스타일 이 먹혀진 상태에서 내가 원하는 스타일을 또 입히게 되면 원하지 않는 결과가 나올 수 있으므로 이걸 다 초기화 한 상태에서 내가 원하는 스타일을 입혀야함 Reset.css를 사용해 초기화 해준다 reset.css cdn reset.css가 내가 사용할 css보다 먼저 호출되어야 한다 == 2021. 8. 28.
jquery - .empty() . append() 를 반복해야될 때 쓸 수 있는 .detach() .detach() 메소드 첫 번째 컨텐츠에요! 두 번째 컨텐츠에요! 세 번째 컨텐츠에요! div 요소 삭제 div 요소 복구 https://itprogramming119.tistory.com/entry/Jquery-remove-detach-%EC%9A%94%EC%86%8C-%EC%82%AD%EC%A0%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 [Jquery] remove(), detach() - 요소 삭제하는 방법 이번에는 요소를 삭제하는 메소드에 대해 알아보겠습니다. 요소를 삭제하는 메소드는 여러가지가 있습니다. 하지만, 이번 글에는 remove()와 detach()만을 다루고 다음에 시간이 되면 empty() 메소드 itprogramming119.tistory.com 2021. 8. 25.
select 태그 option 값 가져오기 var selectOption = document.getElementById('SELECT태그 ID'); selectOption = selectOption.options[selectOption.selectedIndex].value; console.log(selectOption); 2021. 8. 25.
절대경로/상대경로 절대경로일때 https://어쩌구저쩌구.com/assets/images/sss.img 일때 /assets/images/sss.img 이런식으로 주소를 생략하고 / 만 사용할 수 있다. 2021. 8. 24.
form hidden 전송 이 코드에서 버튼 태그를 form 밖에 쓰려면 이렇게 이름을 똑같이 해줘야함. 버튼 태그를 form 안에 쓰면 필요 없다.. 2021. 8. 24.
<input> 과 <button> 으로 각각 reset, submit 만들기 초기화 제출 각각 버튼은 생김새도 같고 같은 기능을 한다 2021. 8. 22.
<noscript> 자바스크립트 지원하지 않는 환경일 경우에 뭘 나타내고 싶을 때 2021. 8. 22.
<br> 줄바꿈 태그 줄의 간격을 넓게 하고싶을 때? 태그를 여러개 쓰면 줄 간격이 넓어지긴 하지만 이렇게 쓰는것은 절대 안된다 line-height 를 css에서 써줘야한다 2021. 8. 21.
input text box 특수문자 입력 제한 / 입력 시 이전값으로 되돌아가기 // html 복붙할걸 감안해 키 대신에 onchange로 변경함.. // js function characterCheck(obj){ // 허용하고 싶은 특수문자가 있다면 여기서 삭제하면 됨 var regExp = /[ \{\}\[\]\/?.,;:|\)*~`!^\-_+┼@\#$%&\'\"\\\(\=]/gi; if( regExp.test(obj.value) ){ alert("특수문자는 입력하실수 없습니다."); obj.value = obj.value.substring( 0 , obj.value.length - 1 ); // 입력한 특수문자 한자리 지움 } } - 나 공백이 들어가게 되면 -나 공백을 넣기전 기존에 텍스트박스에 있던 값으로 되돌아간다 2021. 8. 19.
<a> google readme.md image download a { font-weight: bold; width: 100px; line-height: 40px; height: 40px; border: 1px solid black; border-radius: 6px; display:block; text-align:center; } a:hover { background-color: lightcoral; } - 목차 제목1 제목2 제목1 제목2 제목3 h2 { padding-bottom: 1000px; } http://127.0.0.1:5501/TEST/index.html#title1 클릭 시 주소 뒤에 id 값 이 붙게 된다 타 페이지에서 http://127.0.0.1:5501/TEST/index.html#ti.. 2021. 8. 18.
datatables 특정컬럼 숨기기, 내림차순정렬 html no 대분류 제작품코드 제작품이름 제작품등록일 완제품확인 js var table = $('#example2').DataTable( { "processing": true, "destroy":true, //이거 추가하면 추가검색 가능 ajax: { type: 'post', url: './forms/product_data_ajax.php', data : { pro_mat : '', }, dataSrc : '', }, // console.log(data); columns : [ {data: "pro_code"}, {data: "pro_category"}, {data: "pro_code", "render": function(data, type, row, meta){ if(type === 'display'.. 2021. 8. 18.
창크기 자식창에서 부모창의 함수로 새 창 열때 크기 A창 B창의 스크립트부분 A본창-> B 작은팝업 -> C :A본창에서 연 새 팝업 window.close() 가 없으면 B의 작은 크기에 맞게 C가 열린다 2021. 8. 17.
dl, dt, dd 태그 사용 시 css를 먹히고 싶을 때 바꿀 수 잇는 방법 dl 태그 내부에는 dt와 dd 만 올 수 있고 이외의 태그는 넣지 못한다. 그런데 만약 내부의 css를 수정하고 싶다면 어떻게 해야되느냐? (예를들어 하나의 dt dd 묶음에 div를 주ㅓ서 css 를 주고싶다고 칠 때 !) 아래처럼 dl 태그 말고 li dfn p 태그를 쓰는걸로 바꾸면 된다. Coffee Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species. Milk Milk is a nutrient-rich, white liquid food produced by the mammary glands of mammals. Coffee Coffee is a bre.. 2021. 8. 16.
기본구조: header main footer 메뉴1 메뉴2 메뉴3 section Article1 Contents.... Article2 Contents.... Article3 Contents.... Aside id@gmail.com 010-9999-8888 main.css header{ background-color: tomato; margin: 10px; padding: 20px; } header nav { } header nav ul{ display: flex; } header nav ul li{ list-style-type: none; margin: 10px; } main{ display:flex; } section { width: 70%; background-color: lightgray; margin: 10px; padding: 10px;.. 2021. 8. 16.
알고리즘 공부 시작 방법 및 순서 https://blog.yena.io/studynote/2018/11/14/Algorithm-Basic.html [Algorithm] 알고리즘 공부 시작 방법 및 순서 초보자 입장에서 알고리즘 공부를 시작하고 싶어서 뭐부터 해야 좋을지 조사하다가, 자료가 좀 모여서 포스트를 작성하게 됐다. 완전 심도 있게 학습한다기보단 공부할 것 체크리스트 정도가 blog.yena.io 2021. 8. 15.
header, body https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta 2021. 8. 14.

티스토리툴바