본문 바로가기

Web24

[Web] A 태그(Ahchor) 에서의 href, onclick 사용 안녕하세요. 이번에는 프로그래밍 관련 게시글을 하나 적어볼까 합니다. 아래 문제는 아주 오래전에 겪어봐서 알아두었던 건데 최근에 깜빡하고 다시 똑같은 실수를 범해서 그냥 다시 한번 참고차 남겨두려는 의미에서 포스팅을 해봅니다. A 태그로 javascript function 을 호출하는 방법은 2가지가 있습니다. javascript function onclick function 물론 위 처럼 그대로 다 적어두지 않고 bind 로 click 이벤트를 주도록 하는 등의 코딩이 가능 하겠지만 일반적으로는 위 처럼 쓰일 것입니다. 이렇게 ​A 태그에서 함수 호출 시 href 로 사용하는 방법과 onclick 을 사용하는 방법이 있는데 만약 href 로 사용 시 자기 자신을 지칭하는 this 가 전달되지 않습니다... 2019. 2. 27.
[Web] jquery 동적 태그 이벤트 적용 지난 시간에 before/after/append/html등을 이용하여 동적으로 태그를 화면에 삽입했었다. 이렇게 동적으로 추가된 태그는 일반적인 이벤트가 동작되지 않는다.예를 들어 다음 소스와 같이 코딩해보자 스크립트 부분 $(function(){ $("#makebtn").click(function(){ var dynamicTag = ''; $("body").html(dynamicTag); }) $("#btn").click(function(){ alert("!"); }) }) html태그소스 다음화면은 '버튼생성'을 클릭하면 '경고'라는 버튼이 화면에 생성된다. 기존 버튼생성버튼은 없어지고 경고버튼이 생성이 되었다. 해당 경고버튼을 누를경우 alert이 떠야 정상인대, alert이 뜨지 않는다.한번 위소.. 2019. 2. 27.
[Web] input 영문 한글 입력 제한 input 태그에 한글, 영문만 입력이 가능하도록 만들 수 있습니다. 아래 표가 이해가 잘 안가신다면 밑에 표를 참고하세요. 한글과 영문 가능 영문만 가능 한글 우선, 영문 영문 우선, 한글 CSS에서 추가시켜서 할 수도 있습니다.Property 속성은 HTML에서도 적용이 됩니다. CSS 문법 { ime-mode: Property } Property auto : 기본값, IME에 영향을 주지 않음 active : 초기 입력 한글 설정, 한/영 전환 가능 inactive : 초기 입력 영문 설정, 한/영 전환 가능 disabled : 초기 입력 영문 설정, 영어만 가능 CSS 실제 사용방법#Kinput { ime-mode: active } 출처: https://darkcity1.tistory.com/33.. 2019. 2. 21.
[Web] 알고 있어야 할 8가지 정규식 표현 from nettuts+ nettuts+에 Vasili이 쓴 유용한 정규식 표현에 대한 글을 올려서 내용 정리합니다. 정규식만 잘 써도 Validation이나 String을 다루기가 무척 편할텐데 쓸때마다 헷갈리고 약간은 어렵게 느껴지고 쉽게 다가가지지 않는게 정규식인것 같습니다. Vasili는 정규식에 대해서 잘 모르면 Regular Expressions for Dummies 스크린캐스트 시리즈를 보기 권하고 있습니다. 시간내서 보면 꽤 도움이 될듯 합니다. 자리 잡고 스크린캐스트 보게는 잘 안되는것 같습니다. 글을 읽어도... ㅎㅎ 정규표현식을 공부해도 막상 적용하려면 약간 막막하고 헷갈리기 마련인데 웹개발할 때 보통 많이 사용할 만한 내용을 위주로 설명해 주었기 때문에 이해하기도 쉽고 활용해서 쓰기에 꽤나 유용할 듯 보입니.. 2019. 2. 21.