Develop
[HTML / CSS] CSS 기초 1. Style과 CSS
Style Style은 html의 태그들에 디자인을 입히는 과정으로, html 태그들이 틀을 담당했다면, style은 그 태그들을 꾸미는 작업을 한다. 앞으로의 글들에서 소개할 Style 속성으로 Web을 꾸밀 것이다. style에 대해서는 이정도로만 소개하고, 앞으로 있을 설명에서 더 자세하게 설명할 것이니, 아래 코드들을 참조하면서 이런 것이 있다라고만 기억하고 있으면 된다. CSSCSS는 html 각 태그의 style 속성을 한 파일에 몰아 html에 연결하여 style별로 분류해 보기 쉽게 만들어 놓은 구조다.가독성이 뛰어나며, 무엇보다 모듈화를 하여 추후 수정할 일이 생기면 좀 더 쉽게 작업할 수 있는 장점이 있다. 기존의 html style 방법과 css 방법의 차이점에 대해 설명한다. htm..
[WEB / JQuery] Click 이벤트가 작동하지 않을 때 대처
1. Ajax를 사용하고 나서 Click 이벤트가 안되는 현상 발견. Click Event를 아래 코드로 수정하니 잘됨. 123$(document).on('click','#content',function(){ //Event});Colored by Color Scriptercs 2. 위 코드를 사용하고도 안되는 문제 발생 12345678$(document).on('click','#content',function(){ //Event}); $('#content').click(function(){ //Dummy});Colored by Color Scriptercs 임시방편으로 똑같은 Dummy Event를 설정했더니 잘됨. 1번 방법이 먹히지 않으면 2번을 사용하면 됨.
[WEB / JQuery] 태그 삭제 함수 (remove, detach, empty)
1. remove - $(dom).remove(); - $(dom)과 하위 요소 모두 제거 2. detach - $(dom).detach(); - $(dom)과 하위 요소 모두 제거 - 데이터 / 이벤트는 유지. (다시 사용할 경우 detach사용) 3. empty - $(dom).empty(); - $(dom)의 하위 요소만 제거
[WEB / JQuery] Ajax 파라미터 인코딩 깨짐 현상 수정
1234567891011121314function ajax_encoding_test(){ //ajax 실행 전 아래 코드 추가. jQuery.ajaxSettings.tradtional = true; $.ajax({ url : 'login.php', method:'post', data : { id : 'dd', pw : 'ddd' }, success: ajax_success(data) });}Colored by Color Scriptercs
[WEB / JQuery] html 태그 삭제 / 비우기
12$('#remove_tag').remove(); //#remove_tag 전체 삭제.$('#remove_tag').empty() ; //#remove_tag 하위 태그 삭제.cs
[WEB / JQuery] input 박스 안의 내용 가져오기 (.val())
12345678//input box id => login_id var login_id = $('#login_id').val(); //#login_id 수정 (값이 replace string으로 변경됨.)$('#login_id').val('replace string'); Colored by Color Scriptercs
[WEB / HTML] 드래그 / 우클릭 방지 (html / css)
1. body 속성으로 적용. (드래그 / 우클릭 방지) 1cs 2. css 속성으로 적용 (드래그 방지) 123body{ user-select : none;} cs
[Web / JavaScript] JQuery로 JSON파일 불러오기 ( getJSON )
1234567891011121314151617181920212223242526// JSON 예문// {"result":[{"index":"1616", "column1":"value1","column2":"value2","column3":"value3"}]} var json_url = 'json을 따올 url'; //json_url의 JSON 정보를 가져와 data에 입력.//textStatus로 JSON의 정보를 가져왔는지 여부 확인 가능.$.getJSON(json_url, function (data, textStatus) { var index = null; var column1 = null, column2 = null, column3 = null; //foreach문과 같이 data.result 배열 ..