본문 바로가기

HTML3

모바일 HTML 드래그, 제스처 뒤로가기, 앞으로 가기 방지 터치 디바이스에 html로 된 페이지를 띄워 키오스크를 개발하고 있다. edge webview 를 이용해서 띄우고 있는데, 좌우로 드래그 하면 앞으로가기, 뒤로가기 버튼이 나타난다. 그리고 아래로 드래그할 때는 페이지 새로고침이 된다. 필요없는 기능이기에 막아야했다. 그리고 덤으로 드래그 하면 화면이 당겨지면서 드래그 하는 방향으로 흰색 영역이 나타난다. 먼저 흰색 공간은 html { overflow: hidden; } 이렇게 해주면 더이상 나타나지 않는다. 그리고 새로고침, 앞으로 가기, 뒤로가기는 브라우저를 띄우고 edge://flags/ 로 들어가서 Overscroll history navigation, Pull-to-refresh gesture를 Disabled로 변경해주면 된다. Enable f.. 2021. 2. 17.
[Eclipse][STS] 코드 자동 정렬 단축키, HTML, JSP 자동 정렬하기 Ctrl + Shift + F 단축키를 이용해서 소스코드를 자동으로 정렬할 수 있다. 그런데 HTML 파일이나 JSP 파일은 이 단축키를 이용해 정렬하면 보기 불편하게 정렬된다. 예쁘게 정렬하는 방법이다. Window - Preperences - Web - HTML Files - Editor 메뉴 Line width = 999로 변경 Align final bracket in multi-line element tags 부분에 체크를 한다. 하단의 Inline Elements 는 줄바꿈 하지 않는 엘리먼트를 지정하는 부분인데 여기서 a, td 와 select와 input 을 remove 해 준다. (여긴 입맛에따라 설정) 이제 소스코드와 html, jsp를 모두 예쁘게 정렬할 수 있다! 2019. 12. 13.
[Nodejs][ejs] HTML 이스케이프 문자 파싱, HTML 태그 적용 에디터를 사용해서 작성한 게시글이나 댓글의 내용은 디비에 저장될 때 안녕하세요 반갑습니다. 다음에 또 올게요. 요렇게 입력한 게 안녕하세요 반갑습니다. 다음에 또 올게요. 이렇게 저장된다. 그러면 다시 이 게시글의 내용을 가져와 화면에 뿌려줄 때, html 태그를 바탕으로 게시글 작성 당시의 형식을 그대로 보여줄 수 있다. 하지만 막상 ejs에 넣어보니 안녕하세요 반갑습니다. 다음에 또 올게요. 이런 식으로 뿌려지는 모습을 확인했다. 태그들이 이스케이프 문자로 변환된 것이다. 물론 태그 적용도 당연히 안 된다. 그래서 부랴부랴 이스케이프 문자를 다시 태그로 되돌리기 위해 아주 직관적이고 간단한 함수를 만들었다. function escapeParsr(a){ var b =.. 2019. 7. 24.