DOM (The Document Object Model, 문서객체모델) : HTML이나 XML문서를 나타내는 API, HTML의 각 요소들이 브라우저에서 실체로 제작되는 것, HTML에 작성한 코드가 전체구조에 맞춰서 브라우저 안에 배치되고, 추가적인 명령(이벤트)을 통해 속성, 디자인, 배치 등을 조작할 수 있도록 된 상태(기능을 수행할 객체들로 실체화된 형태) - 특정언어에 종속되지 않는다. (자바스크립트 객체 ❌, 자바스크립트를 통해서 제어 가능) -> DOM은 API를 가지고 있기 때문 - DOM 안에는 각종 node들이 트리구조로 들어있다. - 브라우저는 DOM 트리, CSSOM(CSS Object Model) 트리 를 융합해서 화면을 만든다. - BOM(Browser Object Model)..
Front/html
1. pdf 용량 축소 사이트 : https://www.ilovepdf.com/ko/compress_pdf, https://pdf.io/ko/compress/, https://tools.pdf24.org/ko/compress-pdf PDF 용량 줄이기 - 100% 무료 무료 웹 앱으로 PDF를 온라인에서 압축하고 파일 크기를 빠르고 쉽게 줄일 수 있습니다. 품질 손실 없음. 설치하지 않고. 등록하지 않고. tools.pdf24.org 2. 각종 모션 소스 사이트: https://codejss.tistory.com/ 제이쿼리 레퍼런스 사이트 제이쿼리 플러그인 소개 사이트입니다. codejss.tistory.com 3. 누끼따주는 사이트: https://www.remove.bg/ 이미지에서 배경 제거 – r..
SVG 작업 [동적효과 svg 만드는 사이트] : https://www.svgator.com/ SVGator: Free SVG Animation Creator Online - No Coding It's SVG animation made easy - Create impressive SVG animations online, without any coding skills. Add them easily to your website. Get started for free! www.svgator.com ※ 무료 버전은 1계정 당 오브젝트 3개까지만 생성 가능하고 3번까지만 저장이 가능합니다. ※ 임시 이메일 생성 사이트(https://temp-mail.org/ko/)를 이용해서 필요한 만큼 계정을 만드세요. [동적..
시중에 무료 코딩 프로그램은 여러 가지가 있고, 각 프로그램마다 장단점이 있고 각자 추천하는 프로그램이 있지만 그동안 제가 써본 무료 코딩 프로그램을 추천하려고 합니다. 1. 브라켓(Brackets) 홈페이지: http://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released eve..
코딩 구조 HTML : 뼈대라고 할 수 있으며, 코딩을 시작하기 앞서서 큰들/구조를 잡는 역할을 한다. CSS : 디자인을 하는 공간. 색상/크기/형태 외에도 간단한 이벤트도 실행 가능하다. JS(Java Script) : 이벤트, 팝업창, 스크롤 이벤트, slick, fullpage 등등 온갖 신기한 기능을 실행시켜 준다. 나는 코딩을 배우는 입장에서 코딩의 과정이 마치 레고 블록 조립을 하는 과정과 비슷하다고 느꼈다. 무슨 말이냐면, 레고 블록 조립은 중간에 블록 하나가 빠지거나, 잘못 쌓기만 해도 무너지기 쉽고 처음부터 다시 새로 조립해야 될 때가 많은데 코딩도 정말 이 과정과 유사하다고 느꼈다. 그래서 무엇보다도 기본 뼈대와 구조를 결정하는 HTML을 탄탄하고 깔끔하게 잘 구성해둬야 된다고 생각한..
