혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

웹페이지 3

[HTML] DOM(Document Object Model)에 대해서 알아봅시다.

"다시 기초부터 잡아"DOM(Document Object Model)이 머야!HTML은 모든 사람들에게 프로그래밍을 처음 접하게 되면 접하게 됩니다. 그리고 계속 배우면서 쓰다 보면 자바스크립트 등을 사용을 하면서 다양한 것들을 활용하여 원하는 기능을 도출해야 합니다. 이번에 저 또한  웹 쪽으로 다양한 기능을 연동하여 만들어야 하다 보니 DOM에 대한 개념들을 다시금 한번 더 제대로 잡아야 하는 이유가 생겨 한번 정리를 해보려고 합니다.목차DOM(Document Object Model)잠깐! HTML에 대해서 알아보죠HTML(HyperText Markup Language)는 우리가 흔히 사용을 하고 있는 웹페이지를 만들기 위해 사용하고 있는 기본 언어라고 생각하면 됩니다. 여기서 이 글을 보는 분들 중..

DEVELOPMENT 2024.07.28

웹페이지 화면 캡쳐 쉽게 하는 방법

크롬,웹페이지,홈페이지,web,캡쳐,전체화면,fullsize,개발자도구 크롬을 이용한 웹페이지 캡쳐방법, 간단합니다! 인터넷을 사용하다보면 홈페이지를 캡쳐해야하는 일이 있는데 해당 웹페에지에 전체화면을 어떻게 캡쳐를 해야할지 모르는 분들도 많이 계시길레 알려드리기위해 설명을 간단하고 쉽고 설명을 해드리려고 합니다. 물론, 어렵고 힘든 방법이 아니닌깐 천천히 따라하시면 금방하실 수 있습니다. 크롬을 활요한 홈페이지 캡쳐 준비물 구글 크롬이라는 웹브라우저가 필요합니다. 불과 몇년전만 하더라도 마이크로소프트에서 만든 IE[인터넷익스플로러]를 사용하는 사람들이 많았지만 관 속으로 들어가고 크롬의 사용율이 굉장히 많이 늘어나고 있습니다. 그리고, 윈도우 업데이트를 통해 사실상 사망선고가 내린 상태이다보니 IE는 ..

IT 2021.12.11

Bootstrap :: Modal 활용하는 방법

HTML,홈페이지,웹,개발,프로그래밍언어,자바스크립트(JS),Jquery)제이쿼리,웹,팝업,모달 팝업보단 모달을 쓰자! 일반적으로 우리가 웹페이지를 이용하다 보면 자주 볼 수 있는 화면이 있는 팝업과 함께 모달이 존재합니다. 저의 경우 처음 HTML이라는 것을 접했을 때는 팝업(pop-up)을 이용하여 어떤 필요한 정보를 출력을 하였는데 우리가 인터넷을 쓰다 보면 팝업창이 뜨면 내용을 정확히 보지도 않고 닫거나 불편하고 여러모로 크게 좋진 않아 어떻게 하면 좋을까 고민을 하다 모달(modal)이라는 것을 알게 되었습니다. 그래서, 여러분에게 팝업과 모달의 차이점에 대해서 간단히 알아보고 모달 사용방법에 대해서 알아보도록 하겠습니다. 목차 모달(Modal) VS 팝업(pop-up) 팝업(pop-up) 우선..

DEVELOPMENT 2021.08.27