자바스크립트와 jstp에 관련된 팁을 게시합니다.
#제이쿼리 #태그tag #클래스class #아이디id #이름name #배경색변경background #글자색변경color #부모자식상속자 안녕하세요, 배곧동개발자 입니다. 제이쿼리를 사용하면서 가장 좋은 점을 하나 꼽으라면 바로 “선택자”라고 할 수 있습니다. 기존에 자바스크립트를 이용했을 때에 비해서 너무 편해졌지요. 이번 포스팅에서는 제이쿼리의 선택자에 대해 간단히 알아볼까합니다. 1. 선택자 선택자에 대해 간단히 정의해보자면 “특정 객체를 선택하는 방법” 정도로 말할 수 있습니다. A라는 객체가 있다고 할 … Read more
자바스크립트 #googleChart #그래프 #이미지 #라이브러리 안녕하세요, 배곧동개발자 입니다. 요즘 세상이 좋아져서 무료로 제공되는 좋은 라이브러리들이 넘처납니다! 특히 예전 같았으면 자바스크립트로 만들기가 참 어려웠을 차트, 그래프들도 아주 쉽게 만들 수 있는데요. 오늘은 바로 차트와 그래프들을 손쉽게 만들 수 있는 구글차트를 알아볼까 합니다. 1. 구글차트 구글차트란, 구글에서 제공하는 무료 라이브러리 입니다. 이것을 이용하면 아주 쉽게 그래프를 그릴 … Read more
#제이쿼리 #자바스크립트 #CSS변경 #클래스변경 #removeClass #addClass 안녕하세요, 배곧동개발자 입니다. 간단하지만 많이쓰이는! 제이쿼리를 통한 클래스 변경을 알아볼까해요. 웹페이지에서 형태, 틀을 지정해줄때 쓰는게 클래스라는건데 쉽게말하면 옷이라고 보면 되요. 이거를 변경해줌으로써 권한에 따라 버튼이 보이고 안보이고, 색이 바뀌고 안바뀌고, 광고 변경, 모바일버전으로 변경등이 간단히 이루어져요. 일단 클래스를 만들어줍니다. bgDev1 이라는 클래스는 크키가 100px씩인 정사각형의 빨간색 네모이며 마우스는 손모양이네요. … Read more
#제이쿼리 #쉽지만이쁜효과 #slide #제이쿼리 #메뉴효과 #up #down #toggle #토글 #입력값 안녕하세요, 배곧동개발자 입니다. 제이쿼리가 좋은 이유는 여러가지가 있겠지만 여러 효과를 쉽게 컨트롤 할 수 있다는 점이 있어요. 그 중 하나로 slide를 알아볼까 합니다. 1. slide event 슬라이드, 미끄러진단 느낌이죠? 스윽하고 내려오고 스윽하고 올라가는! 그러한 모션을 아주 쉽게 할수있어요. 자바스크립트로만 구현 하려면 어우.. 저는 구현 안할랍니다. … Read more
#자바스크립트 #형변환 #typeof #parseFloat #parseInt 안녕하세요. 배곧동개발자 입니다. 자바스크립트에서 우리가 가장 많이 쓰는 변수는 무엇이죠? 네, 너무 당연하게 var 입니다. 모든게 통용되지요. 1. 문제점 하지만, var변수에 숫자를 넣고 비교를 하게 되었을 때에 원하는 결과값을 얻지 못하는 경우가 있으셨을겁니다. 난 숫자 비교를 하고 싶었지만 프로그램은 문자 비교를 했기 때문입니다. 이런 케이스를 막기 위해서 자바스크립트에서도 var가 아닌 … Read more
#JSP #콤마표현 #포멧 #금액 #자바스크립트도있지만 #JSTL도한번써봐 #컴마 #comma 안녕하세요, 배곧동개발자 입니다. 웹페이지에서 금액을 뿌려줄 때, 컴마를 넣기 매우 귀찮으시죠? 자바스크립트로 포멧을 만들던가 자바에서 만들어서 뿌려줄수도 있는데, JSTL에서도 가능한거 알고 계셧나요? 심지어 아주 쉽게 가능합니다. 1. 라이브러리 추가 JSP페이지 상단에 JSTL FMT 라이브러리를 추가해주세요. 혹 기존에 fmt: 라고 써서 JSTL의 function들을 사용하고 계셨다면 안넣어주셔도 됩니다. 어딘가 … Read more
#자바스크립트 #변수값콤마생성 #변수값콤마삭제 #콤마제거 #컴마제거 #comma생성 #콤마만들기 #자바스크립트콤마 #JS콤마 안녕하세요, 배곧동개발자 입니다. 입력폼을 만들다보면 가격과 같은 부분을 만들때 천단위로 짤라서 콤마를 입력해야하는 경우가 생깁니다 그럴때 사용하시면되는 소스코드를 알려드릴께요! 1. 콤마 추가 이렇게 선언을 해 준다음에 실행을 한번 해봅시다. 콤마가 아주 이쁘게 붙었지요? 그럼 이제 제거를 해봅시다. 2. 콤마 제거 정규식을 이용해서 ,를 삭제해주는 겁니다. 역시나 … Read more