2021-05-01 제이쿼리 문법으로 마치 2 Depth 구조와 같은 느낌을 줄 수 있는 슬라이드 effect 함수가 존재하는데, 이 함수의 사용법을 알아보자. - slideDown() / slideUp() slideDown() / slideUp() 이 두 함수는 단순 슬라이드를 내리고 올리는 기능만 가능하다. 때문에 보통은 잘 사용되지 않고 올리고 내리는 두 가지 기능이 모두 되는 slideToggle이 사용되는 경우가 많다. - slideToggle() Hello Hello Hello 예제 코드는 아래와 같으며, 최초 접속시에는 아래와 같은 화면이 나타난다. slideToggle()은 현재 div1 태그가 클릭 시에 발생되도록 걸어두었으며, 아래의 Hello div 영역을 클릭하면 동작하게 된다...
2021-04-30 자바스크립트를 사용하면서 dom 객체를 가져오는 경우가 정말 많은데, 그중에서 id와 class를 가져오는 방법을 알아보도록 하자. - getElementById() Hello 코드를 보면 div1아이디를 가진 태그를 추출하여 콘솔창에 출력하는 코드이다. 결과를 보면 아래와 같이 해당 div1의 정보가 출력된다. - getElementsByClassName() Hello Hello Hello 이번에는 getElementsByClassName()를 활용해 div2라는 클래스를 가진 태그들을 콘솔창에 출력해 보도록 하자. 그럼 아래와 같이 배열 형식을 해당 div2 클래스의 정보가 나타나게 된다. - 응용 Hello Hello Hello 바로 추출된 id 로 직접적인 스타일 줄..
2021-04-29 XML에서 서블릿을 매핑하는 방법이 있다. 이 방법을 알아보자. - 서블릿 등록 servlet // 서블릿 이름 package.servlet // 패키지와 서블릿 이름 위의 태그와 같이 우선적으로 서블릿을 인식할 수 있도록 서블릿의 이름과 서블릿의 경로를 명시적으로 태그로 표현해 주어야 한다. - 서블릿 매핑 servlet // 서블릿이름 /servlet // 서블릿의 url 주소 /는 필수적으로 앞에 있어야 한다. 이제 등록된 서블릿의 이름과 이 서블릿을 매핑할 url에 주소를 각 태그에 담아주고 매핑 태그로 다시 한번 감싸주면 서블릿 매핑은 마무리가 된다. - 다른 방법 사실 이클립스를 사용한다면 서블릿을 만들때 어노테이션으로 간단히 매핑할 수 있으며, 어노테이션은 서블릿 클래스 ..
2021-04-28 정규식에서 모든 숫자를 추출하는 방법을 알아보도록 하자. - 기호 \d 기호를 사용하는 것이다. 해당 기호는 digit의 줄임 표현이며, 콘솔 창에 해당 정규식에 맞는 것만 출력해보면 아래와 같이 배열의 형태로 숫자 1, 2, 3 이 저장되어 있는 것을 확인할 수 있다. - 반대기호 반대로 대문자 D로 변경해서 정규식에 옵션을 주면 아래와 같이 숫자를 제외한 모든 문자들이 선택되게 된다. 메인 이미지 출처: Photo by Radek Skrzypczak on Unsplash
2021-04-27 기본 프로그래밍 언어와 같이 자바스크립트에서도 형 변환을 지원하며, 메서드는 parseInt를 사용한다. 해당 메서드의 사용법을 알아보도록 하자. - 기본 형변환 문자열을 parseInt 메서드 안에 넣어준 후 콘솔에 출력해 주면 아래와 같은 결과를 얻을 수 있다. 모두 number형으로 형 변환되어 출력되며, 앞자리에 붙은 0들은 자동으로 제거되어 정수만 남아 출력된다. - 문자 넘버형 변환 위의 코드의 결과는 아래와 같이 출력된다. 문자열 자체를 가지고 parseInt를 사용하면 이는 숫자로 변경할 수 없는 타입이기 때문에 NaN으로 출력되고 '123 hello'처럼 숫자가 포함된 문자열에 paseInt를 사용하면 문자열은 제거되고 숫자만 남아 출력된다. - boolean 넘버형 ..
2021-04-26 일반적인 welcome 페이지란 사용자가 웹사이트의 처음 접속했을 때 접하게 되는 페이지를 나타내며, url 자체에 파라미터 값 없이 오로지 웹사이트 주소만 나타나는 경우가 대다수이다. 쉽게 생각하면 네이버나 구글의 메인 화면을 생각하면 된다. 이를 XML에서 설정하는 방법을 알아보자. - 코드 "메인페이지로 사용할 파일" 코드는 위와 같다. welcome-file-list 태그 안에 여러가지 welcome페이지를 넣을 수도 있지만 일반적으로는 앞서 말했듯이 파라미터가 붙지 않은 웹사이트 본연의 주소를 welcome페이지로 주로 사용하며, 하나만 넣는 경우가 많다. 때문에 welcome-file에 메인 페이지로 사용할 서블릿 컨트롤러나 jsp 파일은 직접 넣어주면, 웹사이트 최초 접속..