Web Standard

출처 : https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/ MakeaWebsiteHub.com 에서 html5 cheat sheet을 공개했습니다. - HTML5에서 새롭게 추가된 태그 - 지원이 중단된 오래된 태그 - HTML4 & 5 에서 지원되는 속성 - 각 브라우저 지원여부 - 이벤트 핸들러 - 캔버스Canvas 관련 자료 를 시각화 해서 한눈에 볼 수 있습니다. 프린트용(A4용지) PDF 다운로드도 제공하네요. HTML5 Cheat Sheet Cheat Sheet via Make a Website Hub

이 포스트는 A practical approach to web development. 를 한글로 번역한 글입니다. 웹 개발에 대한 실용적인 접근 방식 이 짧은 포인트 기사를 읽어보세요. 어떻게 웹개발에 접근할지 알려줍니다. 그러니까 당신은 이 분야에 대한 지식이 없는 초보자군요.문제 없습니다. 이 글은 어떻게 내가 웹개발을 시작할 수 있지? 라는 의문을 다 날려주니까요. 웹개발을 시작할때 도움될 수 있는 실전 단계와 쉽게 이해할 수 있는 언어로 작성되었습니다. 왜 썼냐고요?저도 웹 개발자인게 주된 이유이고, 이 개발자 커뮤니티에 발을 들여놓고 싶지만 멘토가 필요한, 모든 의욕넘치는 웹 개발자를 도울 용의가 있기 때문입니다. 저도 신입일때 많은 실수를 저질렀고, 제가 했던 실수를 다른 사람들이 하지 않길 ..

예제React js 로 예제를 만들어 보았습니다. 소스 코드는 제 깃헙의 https://github.com/yunyong/tui-editor-react-example 여기에서,데모 페이지는 여기 에서 확인하실 수 있습니다. NHN엔터에서 오픈소스로 공개한 에디터가 나왔네요. 이름은 TOAST UI Editor. 2018년 1월 15일 깃허브에 공개 되었습니다.마크다운(Markdown)과 위지윅(WYSIWYG) 기능을 포함한 형태라고 합니다. 엄청나네요.. 특히 엑셀 복붙이랑 그래프 표현은 정말 대단한 것 같습니다. 게시판 만들때 어떤 에디터를 쓰지.. 하는 고민을 덜어줄 것 같습니다. API 문서와 데모 예제 또한 정리가 잘 되어 있습니다. 깃헙을 포함한 모든 페이지가 영어로 되어있는걸 보니 세계시장을 ..

이 포스트는 Learn CSS Grid in 5 Minute 를 한글로 번역한 글입니다. CSS 그리드 5분만에 배우기 (Learn CSS Grid in 5 Minutes) 웹 레이아웃의 미래를 위한 퀵 튜토리얼 그리드 레이아웃은 웹사이트 디자인의 주요한 요소이고, CSS 그리드 모듈은 그것을 구현해줄 수 있는 가장 강력하고 쉬운 툴이다. 개인적으로, 부트스트랩같은 것들보다 훨씬 좋다. (그 이유는 여기) 또한 최근 이 모듈은 주요 브라우저(Safari, Chrome, Firefox, Edge)에서 기본적으로 지원하기때문에, 머지않아 모든 프론트엔드 개발자들은 이 기술을 배워야 한다고 생각한다. 이 글에서, 가능한 빠르게 CSS 그리드의 아주 기본적인 부분만 알아볼 것이다. 기초를 이해하는데 있어서 신경..

readonly 수정불가form submit 날릴 수 있음focus 가능 (tab키등으로)속성 표기가 가능한 요소들 : input, textarea disabled 수정불가submit 날리지 않음focus 불가일부 브라우저에서 회색으로 표시됨속성 표기가 가능한 요소들 : button, input, optgroup, option, select, textarea 참고 : https://www.w3.org/TR/html4/interact/forms.html#h-17.12

이 포스트는 Single-page application vs. multiple-page application 를 한글로 번역한 글입니다. Single-page application vs. multiple-page application 웹 어플리케이션이 이전 데스크탑 응용 프로그램을 대체하고 있다. 사용하기 좀 더 편리하고, 업데이트가 쉬우며, 단 한가지 기기에만 종속되지 않는다. 또한 사용자가 브라우저 기반 웹앱에서 모바일로 이미 자연스럽게 이동하고 있음에도 불구하고, 복잡하고 세련된 응용 프로그램에 대한 요구는 이미 커지고 있으며 계속 증가하고 있다. 만약 당신이 본인의 앱을 만든다는 생각을 가지고 있다면, 아마 웹앱을 위한 두가지 주요 디자인 패턴 : multi-page application (MPA..