반응형 programming/web66 html5 기본 템플릿 만들기 template 웹페이지를 만들기 위해 html5를 이용하여 기본 템플릿을 먼저 만들어 본다. 하나 만들어 놓으면 여기저기 사용할 곳이 많아지고 코딩할 시간을 확실히 줄여준다. 주석 또한 같이 달아놓도록 한다. 혹여 잊어먹더라도 간단한 주석의 설명은 나중에 다시 생각나게 해 준다. html5 html5는 hyper text markup language 의 약자로써 현재 버전 5까지 나왔다. 기존 4 버전의 태그들에 대해 특정 부분에서 기능이 업그레이드 되어 있기도 하다. html5를 작성하는 편의성을 고려한 측면도 있으며 다기종간 화면의 균일한 표현을 위한 것도 포함되어 있다. 웹표준, 반응형 html5 웹페이지 웹을 사용할 수 있는 기기들이 증가하고 늘어나고 다양해 지면서 웹페이지 또한 변화를 거듭해야 했다. pc화면.. 2021. 4. 16. html5 뷰포트 반응형 웹페이지 만들기 viewport responsive webpage 옛날에는 상관이 없었지만, 지금은 하나의 웹페이지로 컴퓨터 PC와 모바일에서 볼 수 있게 만들어지고 있다. 그렇기에 발전되고 있는 것이 반응형 웹피이지들이다. 하나의 웹페이지를 만들면 컴퓨터 PC 화면부터 작은 모바일기기 까지 볼 수 있다면 작업시간도 줄고 다양한 서비스를 할 수 있을 수 있다. html5 뷰포트 반응형 웹페이지 만들기 viewport responsive webpage 뷰포트 viewport 를 사용하면 화면의 크기에 맞게 이미지부터 글의 내용까지 축소되고 정렬됩니다. 즉, 사용자의 기기에 맞도록 자동으로 최적화를 시켜주는 기능을 하는 것이기도 합니다. 최적화라고 하기에는 조금 오류가 있지만, 다양한 화면에서 적당히 자동으로 조절해서 보여준다라고 이해하자. 정확하고 디테일한 반응형 화면이.. 2021. 3. 23. 자바스크립트 애니메이션 라이브러리 anime.js javascript animation library 영상 강좌를 보다가 알 수 없는 알고리즘의 안내로 신박한 영상을 봤는데 그것이 자바스크립트 애니메이션 라이브러리 anime.js 이다. 라이브러리를 이용한 다양한 애니메이션 강좌를 하고 있는데 그대로 따라만해도 자신의 홈페이지에 화려한 애니메이션 구사가 가능하다. anime.js anime.js 는 간단하고 경량화된 자바스크립트 애니메이션 라이브러리로, css 속성과 svg, dom 속성, 자바스크립트 오브젝트를 기반으로 동작합니다. 역시, 이곳에서도 만들고 쉽고, 배우기 쉽고, 빠르게 적용할 수 있다고 합니다만, 이 문제는 어디까지나 개발자가 따라해야 하는 문제이기도 합니다. 튜토리얼 메뉴얼 문서 문서는 당연히 영어로 되어 있지만 코드 위주와 결과화면을 같이 보여주기 때문에 빠르게 살펴보고 마음에 드는.. 2021. 2. 20. html5 독학 빠르게 익히는 방법 html5 독학을 하고자 하는 사람들은 많다. 제목에는 빠르다고 했지만, 이것이 빠른 방법인지는 모르겠다. 본인 같은 경우 지금까지 그렇게 했기 때문에 그럴 수도 있다. 물론, html5 독학을 빠르게 익히는 방법은 사람마다 다 틀리다. 하지만, 책을 첫장부터 전부 읽고 따라하는 것은 시간이 걸릴 수 있다. 책은 참고서이다. 무엇을 공부하던 어떤 것을 익히던 책은 필요하다. 책은 참고서이지 빠르게 뭔가에 익숙해지고 응용하는데에는 한계가 있다. 엄연히 응용을 위한 참고서일 뿐이다. 그 기초지식을 쌓기 위한 것이 책이고 강좌들이다. 그렇다고 책을 멀리하라는 것은 아니다. 한권 구매했다면 끝까지 최소한 3번은 보고 무엇을 말하고 있는지를 파악하자. 그리고, 깨끗하게 보도록 하자. 중고서척에도 다시 팔면 새 책.. 2021. 2. 18. 이전 1 ··· 13 14 15 16 17 다음 반응형
