분류 전체보기44 객체 객체에서 key값을 [] 감싸면 그 안에 있는 값이 실제 key값이 된다 const key = 'keyName'; const foo = { [key]: 1}; // {keyName: 1} 2020. 1. 8. css 개념정리 (2) 전편 저 css 개념 정리 (1)에 이어서 알아보자 position 위치 값의 변화를 준다. 기본값으로 static을 갖는다. 값을 relative로 바꾸면 상대적으로 자신의 위치에서 변화가 일어난다. absolute 자신의 기준점인 static을 갖고 있지 않은 상위 부모를 기준으로 갖는다. b a fixed는 상단의 배너의 상단 고정처럼 absolute와 비슷한 거 같지만 스크롤을 내려도 계속해서 보이는 그 위치에 존재한다. 이밖에도 floatm flex 등 layout 을 담당할 수 있는 기능들, 또 css의 속성들은 아래의 링크를 참고하면 좋을 것 같다 CSS 참고서 CSS 참고서를 이용해 알파벳 순서로 정리한 모든 표준 CSS 속성, 의사 클래스, 의사 요소, CSS 자료형과 @규칙을 찾아보세요.. 2020. 1. 7. css 개념정리 (1) css의 기본 개념을 정리해본다. 선택자 { 속성 : 값 } 이렇게 구성되어있다. css를 적용시키는 방법 html에 직접 적용 - html 태그에 직접 적용 inline 스타일 태그안에 만들어서 적용 internal css 파일을 만들어서 적용 external //external.css external{ background-color: bisque; } 보통 마지막 방법을 선호한다. 상속 간단하게 div 태그 안에 있는 태그들 까지도 다 css가 들어간다. 상속이라 하면 뭔가 거창할 거 같지만 당연하다고 생각되는 것이다. d span (단 border 나 padding 같은 속성들은 상속되지 않는다.) css가 적용되는 순서 html 상에서는 inline, internal, external의순서로 적용.. 2020. 1. 7. HTML정리 기본 개념 정리도 할 겸 다시 알아보자 HTML은 HyperTextMarkupLanguage 이다. 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어이다. 정보를 쉽게 표현하기 위해 구조화한 것이다. 기본구조 html head - meta정보를 가지고 있다 body - 실제로 보이는 부분이다. 계층 구조를 갖고 있다. 시멘틱 태그 좀 더 구분되기 쉽게 태그가 그 의미를 갖고자 하게 하기 위한 태그 태그 의 구조로 되어있다. 태그는 상당히 많으며 https://www.w3schools.com/tags/에서 확인할 수 있다. id는 고유의 값이다. class는 중복해서 사용 가능하다 기본적인 html 개념정리 2020. 1. 7. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
