기록하는 개발자

CSS(Cascading Style Sheets) css는 문서의 스타일을 구현하는 스타일 시트 언어이다. 프로그램의 크키가 커질수록 css 파일들이 지저분해지고, 유지보수가 힘들어지는 경험을 해본 적이 있다. 불필요한 선택자(Selector)의 과도한 사용과 연산 기능의 한계, 구문(Statement)의 부재 등이 그 이유이다. CSS 전처리기는 그러한 CSS 작업을 보다 쉽게 해주며 가독성과 재사용성을 높여 유지보수가 용이해지도록 도와준다. CSS 전처리기 위에서 설명한 CSS의 부족한 점들을 해결하기 위해 만들어졌다. 종류 : SASS(SCSS), Less, Stylus, PostCss 장점 - 재사용성 : 공통 요소 또는 반복적인 항목을 변수, 함수로 대체 가능하다. - 시간적 비용 감소 : 임의..

Main -블록 요소 -한 문서 당 한 개만 사용 가능 H1~6 -1~6까지 글씨 크기를 초기화하여 font-size 속성 사용 -제목 단계 건너 뛰는 것 피하기 ex)h1 다음에는 h3이 아니라 h2 사용해주기 -화면의 글자 크기를 지정하는 데 쓴다기 보다는 대주제부터 여섯 단계의 소주제로 나누기 위한 태그 Article -독립적으로 구분되거나 재사용 가능한 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -작성일자와 시간을 의 datetime속성으로 작성 -내부에 section 삽입 가능 Section -문서의 일반적인 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -내부에 section 태그 삽입 가능 Aside -문서의 별도 콘텐츠를 설정 -보통 광고나 기타 링크 등의 사이드 바를 설정 ..

우리 학교 멋사에서도 올해부터는 웹으로 프로젝트를 진행하기로 했고 오늘 첫 실습 강의가 진행됐다:D [ 실습 1 ] 김어진의 자기소개 프로필 사진 내 정보 상명대학교 컴퓨터과학과 201810911 김어진 자기소개 안녕하세요 저는 멋쟁이 사자처럼 8기 김어진 입니다. .MyProfile{ background-color:lightblue; } .introduce{ background: white; margin : 60px; }​ - background-color를 통해 배경색 변경 - introduce class에 포함된 단락(div)의 배경만 white로 지정 - margin을 통해 좌우에 60px만큼 공간 확보(외부 공간) 자신을 표현하는 키워드 5가지 끈기 노력 행복 계획 성실 자신의 가치 순위 행복 ..

프로그래머스의 css 강의 시청 후 정리하는 글이다. https://programmers.co.kr/learn/courses/4521/lessons/14635 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 무료 강의라서 유튜브에서도 시청이 가능하다. https://www.youtube.com/channel/UCvx57s_ZBt5VG4fvlStiq2g 빔캠프 VEAMCAMP 빔캠프는 여러분들에게 영감을 줄 수 있는 창의적인 컨텐츠 또는 누구든지 따라 할 수 있는 튜토리얼 영상을 제공합니다 www.youtube.com 가운데 정렬 -웹페이지 디자인에서 가장 ..

HTML (Hyper Text Mark up Language) 문서의 구조를 나타냄 →웹페이지의 뼈대를 구성하는 언어 CSS(Cascading Style Sheet) 문서 각 요소들의 스타일을 나타냄 3EX)글씨 크기, 색상, 폰트 등 -Cascading 의 'C' 를 사용하는 이유는 상위 요소의 스타일 속성을 자손 요소들에게 상속 시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이라고 한다.(cascade : 종속, 작은 폭포) -CSS는 HTML과 달리 문법에 엄격하다. 구두점 하나만 빼먹는 실수를 해도 전체 CSS파일의 로딩에 실패한다. 따라서 CSS를 편집할 때는 코드의 무결성을 검증해줄 수 있는 IDE나 코드 에디터를 사용하는 게 좋다. JAVA SCRIPT 정적인..