웹(Web)/프론트엔드(Frontend) 15

HTML Box/Item & Block/Inline 정리

HTML 구조를 볼때는 박스단위로 쪼개서 보고, 세부적으로 아이템은 사용자 입장에서 시각적인 UI이다. Block형(div)과 Inline형(span)을 잘 이용하여 배치하자. 1. HTML을 볼때는 크게 박스와 아이템으로 나눠서 볼 수 있다. Box는 Sectioning이 가능한것(눈에 보이지는 않는 틀) : 묶어서 스타일링할때 사용 Item은 사용자들에게 보여지는것들. HTML구조를 바라보는 관점 : Header안에 여러 박스가 존재한다...Body안에 여러 박스가 존재한다... 아래와같이 쪼개서 본다. React를 하나의 컴포넌트로 보지말고 최고로 작은 단위로 쪼개어서 작은 단위부터 개발하는 것이 필요하다. 2. HTML은 Block과 Inline 형태가 있다. Block은 각각 다른행으로 배열되고..

HTML 태그 정리

아래 사이트에서 글을 정독하면서 글을 정리해보도록 하겠다. webberstudy.com/html-css/html-1/basic-knowledge/ HTML 기초 지식 HTML 기초 과정을 시작하기 위해 필요한 기본 지식을 다룹니다. 기본적인 태그의 명칭 요소(엘리먼트)와 속성(어트리뷰트)를 소개하고, 절대 주소와 상대 주소를 통해서 어떻게 URL 주소를 표현하 webberstudy.com 1. ABC'와 같이 '열리는 태그', '닫히는 태그'로 이루어진 태그가 있고, ' '와 같이 '스스로 닫는 태그'가 있다. 2. 태그의 호칭 웨버스터디 홈으로 가기 이러한 형식은 아래처럼 호칭을 부릅니다. 또는 요소 내용 3. a 요소에서 href 속성에 원하는 주소를 적어주면 a 요소가 감싸는 텍스트를 클릭 시에 해..

웹사이트 제작시 무료 제작툴 사이트

http://============== 무료 제작툴 39개 모음 =================== 기획 http://trello.com/ https://www.notion.so/ . Notion – The all-in-one workspace for your notes, tasks, wikis, and databases. A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team www.notion.so 디자인 https://www.figma.com/ . 사진 https://unsplash.com . 코드 에디터 https://code.visualstudio.com/ ..