목록Web/FrontEnd (3)
GUMI Dev
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools What are browser developer tools? - Learn web development | MDN Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to l..
CSS로 할 수 있는 작업 CSS stands for Cascading Style Sheets. With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more. (https://www.w3schools.com/html/html_css.asp) 기본적으로 CSS로는 색상, 폰트, 폰트 사이즈, 요소들..
HTML Graphics 웹 상에 그래픽을 표현하는데 있어서 가장 기본적으로 활용할 수 있는 기능은 요소와 요소다. 이 요소들은 직접 그래픽을 그리지는 않으며, 그래픽이 들어가는 컨테이너 역할만 한다. Canvas 즉, 요소를 활용하여 실제로 그래픽을 그리기 위해서는, 아래와 같이 안에 JavaScript로 따로 그래픽을 그려주어야 한다. Your browser does not support the HTML canvas tag. svg 마찬가지로 요소를 활용하여 그림을 그릴 때도 안에 코딩을 직접하는 방식으로 그래픽을 그린다. Sorry, your browser does not support inline SVG. 혹은, svg 확장자를 가진 이미 만들어진 이미지 파일을 가져오는 방법도 있다. https:..