IT with Life

ajax 로 대량의 데이터를 불러와서 화면에 출력을 할 때 스타일을 지정을 해주는게 적용이 잘 안 될 때도 있고 해서 어쩔 수 없이 스타일로 지정을 해주는데 일일히 조건을 다 넣자니 복잡해져서 좀 간단한 방법을 찾아봤더니 있네요. 우선 ajax 로 데이터 불러오는 건 2022.07.06 - [Programming/Javascript & jQuery] - [jQuery] AJAX 기본 사용법 [jQuery] AJAX 기본 사용법 서버와의 통신을 하기 위해서 ajax 를 사용하는데, 쉽고 편하게 잘 만들어져 있습니다. 기본 틀은 $.ajax({ type: 'GET or POST', url: '요청 보낼 url', error: function(request, status, error) {}, success: ..

서버와의 통신을 하기 위해서 ajax 를 사용하는데, 쉽고 편하게 잘 만들어져 있습니다. 기본 틀은 $.ajax({ type: 'GET or POST', url: '요청 보낼 url', error: function(request, status, error) {}, success: function(data) {} }); 단순히 데이터만 받아오면 될 경우에는 GET을 사용하고 파라미터를 넘겨줘야 될 경우라면 POST 를 사용하는게 좋습니다. url 의 경우에는 절대경로를 사용해서 요청을 하는 게 좋습니다. error의 경우 요청이 실패했을 때 이유를 확인하기 위한 용도로 사용할 수 있는데요 request.status 를 출력하면 에러 코드가 나오고 request.responseText 를 출력하면 에러 메세..

정규식은 정리할게 많아 다음에 하기로 하고 우선 기본적으로 문자열을 합치거나 자르거나 하는 것만 말씀드리겠습니다. 1. 문자열 합치기(혹은 문자와 문자 합치기) var a = 'IT'; var b = '따라잡기'; 라는 두 변수가 있다고 할 때 두개를 합치고 싶을 경우 간단하게 + 로 연산을 해 주면 됩니다. var c = a + b; 그러면 c는 'IT따라잡기' 가 됩니다. 그리고 a와 b 사이에 다른 문자를 넣고 싶다면 마찬가지로 + 로 연산을 해주면 되는데 자바스크립트에서는 문자열을 '' 나 "" 로 감싸주면 됩니다. var c = a + ' 제대로 ' + b; 라고 할 경우 c 의 값은 'IT 제대로 따라잡기' 가 됩니다. 2. 문자열 자르기 a. substr() substr은 문자열의 인덱스를 ..

사람마다 주로 사용하는 건 다를 거라고 생각되지만 주로 for 문을 사용하게 되는 거 같네요. 기본 형식은 다른 언어들과 크게 다르지는 않습니다. 1. for 문 기본 형은 for (var i=0; 조건; i++) {} 이런 식이죠. for (var i=0; i

자바스크립트는 클라이언트 단에서 실행이 되는 언어라서 서버와 통신을 통해서 데이터를 주고 받을 때 많이 사용합니다. 또, HTML 만으로는 기능 구현이 어려워 좀 더 다양한 기능을 사용하고 싶을 때 쓰기도 하고요. 자바스크립트는 기본적으로 HTML 문서 내에서 부분적인 기능을 담당하도록 사용이 가능하고 다양한 라이브러리를 통해 좀 더 편하고 강력한 기능들을 사용할 수 있지만, 저는 기본적인 것들에 대한 것들만 올리게 될 것 같네요. 각설하고. HTML 파일 내에서 로 둘러싸인 영역에 스크립트를 작성하게 되면 실행이 되는 구조입니다. 별도의 javascript 는 별도로 임포트를 하거나 하지 않아도 잘 작동하지만, jQuery의 경우에는 HTML 을 로드 할 때 불러와 줘야 사용이 가능합니다. 우선 jQu..

0. 들어가기 div 태그를 이용해 영역을 미리 만들어 주고 해당 영역의 디폴트 값은 보여주지 않는 상태로 둡니다. 그리고 클릭 등이 일어났을 때 설정했던 영역을 이용해 모달박스를 보여주게 되는 건데요 CSS와 JavaScript, PHP 를 이용해서 간단하게 구현해볼까 합니다. 1. 모달 영역 modal-back 클래스인 div는 모달 박스가 열렸을 때 다른 영역을 검게 칠하거나 해서 강조 해주기 위해 사용되는 영역입니다. modal-wrap 영역은 모달 박스가 나오는 부분의 영역이고 modal-body 영역은 내용이 나오는 영역입니다. 2. CSS 사이에 table, tr, td, thead, th{ margin : 1px auto; border: 1px solid; border-collapse: c..

html에서 javascript 를 사용하는 기본적인 방법을 설명드리겠습니다. 방법 1. 태그 안에 입력해서 사용하는 방법. 이 있지만, 진짜 간단한 코드가 아닌 이상 나중에 보기가 힘들어 질 거 같으니 간단하게만 설명하고 넘어가겠습니다. 태그 안이라고 하긴 했지만, 다른 곳에 들어가도 정상적으로 실행은 됩니다. 안에 입력하여 사용하는 것입니다. 또는 사이에 적절한 위치에서 불러와서 사용 할 수도 있습니다.. 주석 처리 방법.(c와 같음) C에서 사용하던 것과 동일한 형태로 사용이 가능합니다. // : 한줄에 대한 주석처리 /**/ : 영역에 대한 주석처리 방법1에 대한 예제 html 파일 하나에 스크립트를 그냥 입력해서 실행하는 방법입니다. 001.html 의 내용 자바스크립트내의 document.wr..