Front End/html,css10 이종찬 강사님 CSS 특강 | 행복하DA ✨ CSS는 무엇인가 html을 웹페이지를 구성하는 뼈대라고 구성한다면 css는 그 뼈대에 덧입혀지는 살거죽이라고 부를 수 있겠다. 또한 꾸미기 요소로 이루어진 요소로서 Cascading Style Sheet라고 부르며 말 그대로 계단식으로 하나하나 쌓아 올라가며 html을 꾸미는 언어라고 보면 된다. 과거 애매한 기간동안 퍼블리셔로 일하기 시작할때, 내가 코딩에 확 눈을 띄게 된 계기도 css로 작업하는 코딩 결과물들이었다. css 스타일링 작업은 진짜...진짜 완전 재미있다. 내가 만들어놓은 구조에 이거저거 올리면서 그게 또 바로바로 변하는 모습을 볼 수 있으니 코딩입문자들에게 배우기에 정말 적합한 웹언어가 아닐까 싶을 정도. 오늘은 특강 명사님으로 빔캠프의 이종찬(https://www.youtube.. 2022. 4. 1. HTML Living Standard(2) | Grouping contents ✨저 그러니까... 누구였더라? 나름 html 사용에 있어서는 어느정도는 알고있다고 자부했지만, 평소에 잘 안쓰던 태그들이라던가 적확한 용례를 제대로 알아봄에 있어서는 어느정도 아쉬운 부분은 있을 수 있다. 내 기준 평소에 잘 쓰지 않았던 태그들을 한번 정리해 보았다. ✨Grouping Contents CSS html에 살을 붙여주는 스타일 목록의 대표로 치면 ul(순서가 없는 목록), ol(순서가 있는 목록), li(목록의 요소들)들이 대부분이지만 어떠한 정의할것이 필요할때 쓰이는 목록. 쉽게 목록의 뜻을 풀어서 설명하자면 다음과 같다. dl : 정의목록, definition list dt : 정의할 용어, definition term dd : 용어를 설명, definition description 주.. 2022. 3. 30. Emmet 문법 | 코딩을 보다 쾌적하게 ✨사람은 도구를 쓸 줄 알아야... 지성을 가진 사람은 모름지기 도구를 쓸 줄 알아야 한다. 그리고 손가락이 휘날리는 키보드 예술의 경지라 칭할 수 있는 코딩을 함에 있어서 이 예술혼을 더욱 불태울 수 있는 보조도구가 있으리니 그것은 바로 키크론k8 Emmet 문법이라 칭하는 코드 에디터의 편의기능! 왠만한 html 에디터는 해당 기능이 기본 플러그인으로 내장되어 있으며 해당 기능을 익히면서 쾌적하게 이용해보자. ✨ Emmet 문법의 기본 태그들을 쓸때 띄워쓰면 안된다. space바 압수 자식요소 생성은 '>'을 이용하며 문장은 영문화권 베이스의 좌👉우 방향으로 읽는다 div태그는 기본 베이스. div에 클래스를 넣어 생성할 경우 div.(className) 넣는것이 아닌 '.'만 넣어서 생성 아이디는 .. 2022. 3. 30. HTML Living Standard(1) | 기본 개요 ✨HTML Living Standard가 뭐여? 지금까지 HTML(Hypertext Markup Language)은 여러가지 변화과정을 거쳐왔었다. 기본 초창기 처음 HTML부터 Sementic Tag (main, section, article 등의) 가 등장했던 HTML5, 그리고 현재의 HTML Living Standard. 현재 22년 3월 기준 쓰이고 있는 HTML 규격이라고 부를 수 있고, Living Standard 를 같이 쓰기보다는 우리가 일반적으로 부르는것처럼 HTML로 불려지는 것이 좋다고 한다. 사실 HTML5로 불려도 차이가 없다고 함. 기본적으로 대부분 많이 쓰이게 되는 태그는 사진에서 보여지는 태그들이 대부분. 사실 퍼블리셔로 일한적이 있었던지라, 기본적인 head 태그 라던가 .. 2022. 3. 30. 이전 1 2 다음
