무아지경

팝업창 크기 동일하게 맞추기 서브페이지 작업을 하다보면 팝업창을 띄워야 할 경우가 생깁니다. 레이어팝업으로 하면 깔끔하고 이쁘게 할 수 있겠지만... 개발자의 의견으로 레이어팝업으로 할 수 없고 꼭 새창으로 팝업을 띄워야 할 경우가 생기네요. 팝업창을 띄워는 방법은 window.open을 사용 하여 띄우는 방법을 사용 하고 있습니다. (다른 방법이 있나 알아보지 않아서 모르겠네요..;;) window.open 팝업창 띄우는 방법은 https://yeoninim.tistory.com/14 요기에 설명 되어 있습니다. window.open() 팝업창 띄우기 두가지 방법 첫번째 방법 - 기본형식 : window.open([URL],[name],[option],[replace]) - [URL] : 새 창의 ur..

HTML 태그(tag)들의 약자 정리 HTML을 공부하다 보면 태그들이 무슨뜻인지...무슨 단어의 약자인지...궁금한 적이 없으시나요?? 몰라도 되지만...그래도 궁금하니까....그래서 찾아봤습니다~ 우선..HTML과 CSS의 Full Name은 기본적으로 알아야 겠죠~!! HTML : Hypertext Markup Language 의 약자입니다. CSS : Cascading Style Sheets 의 약자입니다. HTML Tag Full Name a (href) Anchor (Hypertext Refernce) iframe Inline Frame div Division p Paragraph h1~h6 header1~header6 sub subscript sup superscript img (src) I..

특수문자, 특수기호의 영어표현 처음 일을 시작하고 당황스러웠던 기억 중 하나가 특수문자를 부르는 방법이 달라서 이해를 못 했던 경우가 있었습니다. "*" 의 경우 그냥 별표라고 불렀던 것 같은데 "Asterisk"라고 불러서 못 알아들었던... 이외에도 가끔 특수기호를 뭐라고 설명해야 할지 난감할 경우가 있어서 이번 기회에 검색해 봤습니다. 제 기준으로 가장 많이 사용하는 특수기호를 기준으로 몇 가지 적어 보겠습니다. (적다보니 키보드에 있는 특수문자를 다 적었네요..) 특수기호 영어표현 ` Grave accent ~ Tilde ! Exclamation mark ? Question mark @ At sign # Number sign, Hashtag, Octothorpe, Sharp $ Dollar sig..

jQuery 버전 차이 퍼블리싱을 하기전 가장 기본적으로 세팅 해야 할 것들이 있다. 그중에 jQuery 버전에 대해 알아보면 우선...jQuery 연결하는 방법에는 두가지 방법이 있다. 첫번째 CDN을 이용하는 방법 - https://code.jquery.com/jquery 에 접속해 원하는 버전을 클릭하여 연결하면 된다. 두번째 jQuery을 직접 다운로드해서 사용하는 방법 - http://jquery.com 에 접속해서 다운받아 연결하면 된다. P.S : 이때 .js와 min.js 두 가지가 있는데 전자는 사용자가 모든 소스를 볼 수있도록 풀버전 이라 생각하면 되고 후자는 불필요한 부분을 삭제하여 용량을 줄인것이라 생각하면 된다. 둘 중 어떤 방법을 선택하더라도 똑같은 환경을 제공하게 된다. jQu..

Uncaught TypeError : Cannot read property 'fn' of undefined 해결 방법~! 달력에 일정을 표시해야 하는 페이지를 만들어야 할 일이 생겼습니다. FullCalendar라는 좋은 무료 캘린더가 있기에 (기업이나 상업용으로 사용시 무료가 아닙니다....ㅠㅠ) 다운받은 후 관련 js / css 파일을 링크 시킨 후 실행는데 아무리 해도 달력이 나오질 않았습니다. 분명 다운 받은 demo 파일은 잘 되는데... 크롬에서 f12를 눌러 개발자도구로 확인해 보니 Uncaught TypeError : Cannot read property 'fn' of undefined 에러가 뜨더군요. 알아보니 fullcalendar.js를 먼저 불러 와서 그렇다고 합니다. FullCal..

반응형 작업을 위한 폰트 단위 em / rem 사용 css에서 사용 하는 단위는 여러가지가 있다. 가장 많이 사용하고 있는 px를 비롯해 % / em / rem / vh / vw / vmin / vmax / ex / ch / 등이 있다. 요즘엔 사용하지 않는 것들도 있고 새롭게 떠오르는 단위도 있고..IE버전 지원 문제로 외면 받는 단위도 있다. 여기서도 IE지원 문제가 있다. IE구버전에서 지원 되지 않는 단위들이 있기 때문에 공공기관 사이트를 작업하는 일을 하게 된다면 과감히 포기해야한다. 이 중에서 대표적인 세가지만 알아보겠습니다. px 절대값으로 사용 되는 단위이다. 웹디자이너를 비롯한 디자이너들이 가장 많이 사용하고 디자인을 넘겨 받을때에도 px로 작업해서 넘겨주고 있어 정말 많이 사용 되는 단..

HTML 특수문자 변환(유니코드) 문서를 작성하다 보면 다양한 특수문자를 사용해야 할 경우가 있다. 웹 페이지를 만들 경우에도 단순 하드코딩 페이지에는 많은 특수문자를 사용하게 되는 경우가 많이 있다. ( 기관설명 / 연혁 / 조직도 / 사이트맵 / 기타 소개 페이지들... ) 대부분 따옴표, 대괄호, 당구장표시, 등등..("", [], , ※) 이런 특수문자를 그냥 사용하게 되면 서버에 제대로 보이지 않는 경우가 있다. 이런 이유 말고도 "" 경우에는 HTML에서 코드로 인식해버려서 제대로 쓸 수가 없다. 이러한 특수문자를 유니코드로 변환해서 사용하면 간단히 해결된다. 또 공백을 넣어야 할 경우 띄어쓰기로 스페이스바 한번은 인식하지만 여러번 띄어쓰기는 인식을 할 수 없다.. 이럴때 유니코드를 사용해서 ..

텍스트 숨기기 작업을 하다 보면 버튼이나 a링크에 텍스트가 보이자 않아야 하는 경우 또는 에서 을 숨겨야 하는 경우.. 등등의 이유로 텍스트를 숨겨야 하는 경우가 있다. 이럴때 무조건 안보이기만 한다면 간단히 display:none 혹은 visibility:hidden 으로 숨기면 된다. 하지만 문제는 웹 접근성이다. 웹 접근성을 지키면서 텍스트를 숨겨야 하는게 문제가 된다. 에서 의 경우 화면에서는 보이지 않아야 하지만 스크린 리더는 읽을 수 있어야 한다. display:none 혹은 visibility:hidden 으로 숨기면 스크린 리더가 해당 내용을 읽을 수 없기 때문에 사용 해서는 안된다. 이외에도 font-size:0; / line-height:0; / width:0px; height:0px ..