Blank_D

개요 CSS 를 선언하는 방식 및 각각의 장점과 단점에 대해 설명한다. CSS 선언방식 CSS의 선언방식은 총 4가지로 구성되어 있다. [내장방식 | 인라인방식 | 링크방식 | @import 방식 ] - 1. 내장방식 html 문서 내 - 장점 별도의 CSS 파일을 만들지 않아도, HTML 에서 바로 적용할 수 있다. - 단점 CSS 내용이 많아질 경우, 한번에 처리하기 쉽지않고, 유지보수가 어렵다. 그렇기 때문에 프론트엔드 개발방식은 HTML , CSS , JS 파일을 따로 구분하여 관리하는 것이 일반적이다. 2. 인라인방식 HTML의 요소에 전역속성인 style 속성을 추가하여 직접 스타일을 작성하는 방식 전역속성이란? -작성예시 - 장점 별도로 요소를 찾는 행위를 할 필요가 없다. - HTML의 선..

개요 CSS의 기본적인 문법안내 들어가며 HTML이 웹의 구조를 짜는 일이라면, CSS는 기본 구조의 스타일을 잡는 역활을 한다. 이 챕터에서는 기본적인 CSS의 문법에 대하여 작성했으며, CSS관련해서 공부하는대로 작성할 예정이다. 내용에서 나오는 화면예시는 Codepen 에서 작성한 코드를 그대로 캡쳐하여 이해를 돕도록 하였다. 내용 가장 기본적인 예시로, div 태그에 원하는 문장을 넣은 후, 아래 CSS 코드를 적용하면 왼쪽에 있는 결과값이 출력되는 것을 볼 수 있다. 해당 CSS 는 3가지의 스타일을 잡은 것으로 내용은 아래와 같다. div 태그는 다음과 같은 특성을 가져라! 글씨크기는 50 px (font-size: 50px;) 컬러는 파란색 (color: blue;) 글씨의 장식은 밑줄 (t..

개요 HTML의 전역속성에 대해 소개한다. 들어가며 HTML 에서 이야기는 '속성' 이라는 개념을 한번 설명하고 글을 읽기를 추천한다. 속성이란? 열리는 태그에 작성하는 HTML 의 기능을 확장해 주는 기능을 의미한다. 즉 href , target, src 등 태그 안에 사용하는 속성(attribute)을 뜻하는데 사용방법은 아래 예시와 같다. 예시) 네이버이동 풀이 = a라는 태그의 네이이버 이동을 할건데, 링크(href)는? www.naver.com 이고, 페이지를 이동할 때는 새로운 창(targer="_balnk")으로 열릴거야 라는 조건을 추가하여 동작시키는 것을 의미한다. - 이와같이 라는 태그의 기능을 더하여 주는 것이다. - 각 요소들은 자신이 사용할 수 있는 속성이 정해져 있..

개요 HTML 에서 가장 많이 사용하는 핵심요소 알아가기 시작하며 기획자로써 개발자와의 소통을 더 원할하게 하기위해 직접 개발현장으로 뛰어들어 공부하며 얻은 내용을 나만을 위한 기록이 아닌,개발지식이 필요한 이들을 위한 기록이 되길 바란다. 주요 작성내용은 프론트엔드 개발에서 가장많이 사용하는, 핵심태그들 위주이며 해당 내용은 패스트캠퍼스에서 공부한 내용들을 내가 이해한 그대로 작성한 내용이다. 핵심요소 [DIV] Division 의 약어로 어떠한 영역을 잡거나, 어떤 개념들을 하나로 묶을 때 사용한다.특징은 아래와 같다. Block 요소특성을 가진다 [레이아웃을 만들 때 많이 사용한다.] 특별한 의미없이 구분을 위한 요소이다. [H] Heading 의 약어로, 1-6까지 사이즈가 제공되며 어떠한 제목을..

처음쓰는 리뷰 - 그동안 쓰고 싶었던, 키보드 중 하나 키크론에서 K3모델을 한글판으로 펀딩을 진행한다고 하여, 알림을 신청해놓고 기다리고 있었다. 재빠르게 슈퍼 얼리버드로, 팜레스트와 키크론 K3 White LED 모델을 펀딩할 수 있었다. 추가로 한글 키캡이 싫어서 영문 키캡과 휴대용으로들고다닐 수 있는, 키보드 파우치도 함께 구매했다. 예정날짜에 결제가 되고, 배송을 기다리고 있는데 배송이 지연된다는 소식을 들었지만, 아쉬움만 있을 뿐 어차피 펀딩은 기다리는 맛으로 하는거지 하는 마음으로 차분히 기다렸고, 현재 예상보다 빠르게 도착해서 이렇게 리뷰를 쓰게 되었다 어제출발했는데, 오늘 도착하다니 쿠팡인줄 알았다.. 진짜로 시작 - 상당히 컴팩트한 포장이었다. 내가 시킨 구성은 위에도 말했듯이, [키보..