여기저기 이것저것

전역속성 body영역 내 태그들에 대해서 공통적으로 사용할 수 있는 전역속성 title : 정보나 설명을 표현 style : 스타일을 표현 class : 요소를 지칭하는 중복가능한 이름 id : 요소를 지칭하는 고유한 이름 data-이름="데이터값(문자)" : 데이터를 지정하기 위함

인라인(Inline) & 블록(Block) 화면에 출력되는 특성. 인라인(Inline) = 글자 , 왼쪽에서 오른쪽으로 수평으로 쌓임. = span 태그는 글자로 글자로 취급한다. = 콘텐츠의 크키만듬 자동으로 줄어준다.(높이,너비) = 글자는 가로사이즈와 세로 사이즈를 지정할 수 없다. height, width 안먹음. = 여백(padding, margin)의 경우에도 좌우로만 가능하고 위아래로는 불가능하다. = 인라인요소 안에는 블록요소를 담을 수 없고, 인라인 요소는 담을 수 있다. cf) span, img, a, label 블록(Block) = 상자, 위에서 아래로 수직으로 쌓임 = 대표적인 div 태그. = 부모 요소의 크기만큼 가로 너비가 자동으로 늘어남. 세로 요소는 인라인처럼 자동으로 맞춤..

프론트 개발할 때 유용한 사이트 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 프로젝트를 생성하고 파일을 따로 저장하지 않고, 웹상에서 바로 확인가능.

VSCode를 몇일 안써봤지만, 대단한 것 같다. 기대된다. 생산성을 엄청 향상 시키는 확장프로그램이 많아보인다. 책이나 블러그에 나오는 주요한 확장프로그램을 아래와 같이 설치해보았다. ( 화면단 공부 시작....) 아래는 프로그램과 제작자명이다. Auto Rename Tag / Jun Han Code Runner / Jun Han HTML CSS Support / ecmel HTML to CSS autocompletion / solnurkarim Live Server / Ritwick Dey 설치방법은 ctrl + shift + x 눌러서 확장프로그램 검색페이지로 들어가거나 사각형 4개짜리를 누르고 검색 후 설치만 하면 된다. 아주 간단하다. 2022.03.18 - [개발/툴] - [VSCode] 단축..