HTML6 input password 형식 맞추기 html5를 거치고 많은 것이 좋아졌다.이전에는 password validation을 하려면 javascripts 및 서버에서까지 검사를 해야될게 많았는데,최근 패스워드를 html validation 할 수 있는지 찾아보니,아래의 링크와 같이 예제가 존재하고 있다. (굿) https://www.w3schools.com/howto/howto_js_password_validation.asp https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_password_val 로그인 시스템을 구현할 사람이라면 참고하길 바란다. 정규식 표현이 궁금한 사람은 아래의 링크를 참고 바란다. http://www.rubular.com/r/Drwq39CvTi 그외 passwo.. 2018. 1. 27. SNS 공유 링크 만들기 요새는 SNS 공유링크가 없는 사이트가 없을정도다.고로 많은 사람들과 활발한 공유가 가능하다.최근 이러한 공유기능을 만들일이 있어 찾아보니 그 방법이 간단함을 알 수 있었다. 아래는 링크에 다양한 SNS에 대한 공유 솔루션이 나와있다. http://dev.epiloum.net/916 카카오톡은 조금더 복잡하기에 아래의 링크를 참조하면 된다. http://cocosoft.kr/350 (참고로 카카오톡 이미지 링크는 앞에 http:// 가 붙어져야 한다.자세한 사항은 아래의 링크를 참조하면 된다.) http://jsp-making.tistory.com/326 2017. 6. 23. 웹내에서 동영상 지원 비디오코텍 웹페이지에 내에서 동영상을 띄울때 가끔 나오지 않는 영상이 존재한다.그럴때는 비디오코덱을 확인해보아야 한다.웹에서 지원하는 비디어 코덱이 정해져 있는데,아래의 링크에 잘 정리되어 있다. https://en.wikipedia.org/wiki/HTML5_video#Browser_support 흔히 H.264 코텍을 많이 지원해 준다. 2017. 6. 1. emmet을 통한 html 빠르게 생성하기 atom 에디터의 매력중 하나는 유용한 패키지를 쉽게 붙여서 사용할 수 있다는 점이다.이러한 패키지중에 emmet이라는 패키지가 있는데,간단한 syntax 규칙을 통해서 DOM을 빠르게 생성시켜주는 혁신적인 패키지이다. 아래는 emmet 사이트이고 syntax를 잘 정리해놓았다. http://docs.emmet.io/abbreviations/syntax/ 2017. 3. 8. SVG path 속성 SVG는 Scalable Vector Graphics의 약어로 확대나 축소시에도 그 그래픽이 깨지지 않는 벡터기반의 엔진이다.본 엔진을 통해 강력한 데이터시각화 라이브러리인 D3.js가 개발되었고 실질적으로 D3.js를 사용하는데 있어 SVG에 대한 기본 지식이 필요하다.특히 SVG에서 복잡한 path를 그리는데 있어 그 규칙을 아는 것이 중요한데, 아래 그 규칙에 대해 잘 정리해 놓은 블로그 링크를 걸어논다. http://ukking90.tistory.com/entry/SVG-Tutorial 2017. 2. 24. meta 태그의 og 속성 최근에 카카오톡에서 링크를 공유할 일이 있었는데,링크된 주소 아래의 원하지 않는 사진이나 글이 추가로 떠서 이것을 제어할 수 있는 방법이 있나 찾아보게 되었다.그러던중 meta 태그의 og 속성으로 이것을 제어할 수 있다는 것을 알게 되었다. 아래의 링크들은 링크 공유시 뜨는 이미지와 글을 수정하기위해meta 태그의 og 속성을 어떻게 사용하는지 자세히 설명해 두었다. https://sir.kr/qa/84732http://lovestudycom.tistory.com/13 2017. 2. 23. 이전 1 다음