웹쟁이의 일상

안녕하세요~ 오늘은 정규표현식에 대해 알아보겠습니다. 정규표현식은 어떤 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어라고 합니다. 정규표현식은 처음 보시면 이게 무슨 외계어야 라며 아주 어렵게 느끼실 수 있는데요, 잘 쓰면 아주 유용하게 여기저기 쓸 수 있어서 편리합니다. 아래 표를 보시면 기본적인 정규표현식의 문법을 알아볼 수 있습니다. 메타문자 기능 설명 . 문자 1개의 문자와 일치한다. 단일행 모드에서는 새줄 문자를 제외한다. [ ] 문자 클래스 "["과 "]" 사이의 문자 중 하나를 선택한다. "¦"를 여러 개 쓴 것과 같은 의미이다. 예를 들면 [abc]d는 ad, bd, cd를 뜻한다. 또한, "-" 기호와 함께 쓰면 범위를 지정할 수 있다. "[a-z]"는 a부터 z까..

안녕하세요~! 오늘의 포스팅에서는 간단한 로딩바를 만들어 주는 방법을 알아보겠습니다. 웹 사이트나 모바일 화면에서 무언가 데이터 처리를 할 때 화면 중앙에 빙글빙글 돌아가는걸 다들 본 적이 있을겁니다. 이렇게 생긴 녀석인데요, 오늘은 바로 이녀석을 화면 중앙에서 돌아가게 만들겠습니다. 원리는 아주 간단합니다. 무언가 동작이 걸릴 때, 화면을 클릭하지 못 하도록 막아놓고, 가운데에 저 이미지를 띄우면 끝입니다. 예를 들어 게시판에 올릴 글을 입력하고 확인버튼을 눌렀는데, 로딩바가 뜨지 않는다면 확인버튼을 계속 누를수 있겠죠? 확인버튼을 여러번 누른다면 에러가 발생할 지도 모르니 애초에 그렇게 하지 못하도록 막아버리는 겁니다. 자 그럼 코드를 살펴 보겠습니다. #back{ position: absolute;..

안녕하세요~ 이번 포스팅에서는 Modal창을 띄워주는 방법을 알아보겠습니다. 모달은 팝업창과 비슷하지만 약간은 다른 개념입니다. 팝업은 창이 띄워져 있는 동안에도 부모 페이지를 컨트롤 할 수 있지만, 모달은 창이 띄워져 있는 동안에는 부모 페이지를 컨트롤 할 수 없다는 차이점이 있습니다. 그럼 코드를 통해 어떻게 모달을 띄워서 사용하는지 알아보겠습니다. MODAL Modal창 테스트입니다. 일단 HTML과 CSS를 작성해 주겠습니다. CSS는 꾸미고 싶은대로 꾸며주시면 되겠습니다. 모달창을 띄워주고 없애주는 스크립트를 작성해 줍니다. 이렇게 해주면 아래처럼 모달창이 페이지 로딩 시에 나오게 됩니다.

오늘의 포스팅은 자바스크립트로 HTML 테이블을 엑셀로 다운로드하는 기능에 대해 알아보겠습니다 ^~^ 백엔드 언어 없이 자바스크립트로만 구현이 가능해서 간편하고 손쉽게 만들 수 있습니다. 엑셀 다운로드를 하려면 다운로드받을 테이블이 필요하겠죠? 바로 만들어줍니다. Excel Download sample sample sample sample Text Text Text sample Text Text sample Text Text Text Excel Download 아주 허접한 테이블이 완성되었습니다! 하지만 다운받는데는 아무런 문제가 없습니다^~^ 다음은 다운로드 버튼에 붙어있는 onclilck 이벤트를 만들어 주어야겠죠? 아래 함수를 만들어주고 button onclick이벤트에서 함수를 호출할 때 파라미터..