일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- React calculator
- web
- wep
- Node.js
- includes
- 볶음밥
- react
- 키다리 개발 일지
- html
- DoM
- 시맨틱
- closure
- vue.js
- jsx
- map
- React.js
- ecma
- 노드
- Rendering
- ES6
- tag
- scope
- Element
- javascript
- CSS
- props
- 키다리의 개발일지
- 회고록
- 키다리 개발자
- component
- Today
- Total
목록CSS (11)
키다리 개발자
JavaScript는 웹 페이지를 동적으로 만들어주는 언어로, 객체 기반의 스크립트 프로그래밍 언어입니다. 단순히 규격을 나타내는 HTML과 CSS와 달리, 변수와 함수 등이 존재하는 프로그래밍 언어입니다. JavaScript를 줄여서 js라고 하며 파일 확장자는 .js를 사용합니다. JS파일 사용법 CSS와 같이 Javascript 파일을 만들어 따로 분리하여 HTML과 연결시켜주는 방법이 있는데, 1 2 3 이와 같이 에 로 js파일을 연결 시켜주는 방법이 있고 1 2 3 4 5 6 배가본드 안에 내용 가장 밑줄에 사용하는 방법이 있습니다. 주석 주석 사용법 : 한줄인 경우 // 주석내용 여러 줄 일 경우 /* 주석내용 */ 그리고 단축키는 ' Ctrl + / ' 를 사용하면 간편하다. 주석(comm..
padding과 margin은 간격 사이의 영역을 정의하는데 기준점이 다릅니다. 예를 들어, 우리가 레스토랑에 가서 음식 2개를 시켜서 테이블에 놓았다고 합니다. padding은 접시의 테두리(border)에서 음식(content)까지의 사이의 영역이며, margin은 접시(element)와 접시(element) 사이의 영역으로 이해하시면 됩니다. padding padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. 이러한 패딩 영역은 background-color 속성으로 설정하는 배경색의 영향을 함께 받습니다. CSS를 사용하면 패딩 영역의 크기를 방향별로 따로 설정할 수 있습니다. padding 속성 padding-top padding-rig..
CSS란? CSS는 Cascading Style Sheets의 약자입니다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다. HTML4 부터는 이러한 모든 서식 설정을 HTML 문서로부터 따로 분리하는 것이 가능해졌습니다. 오늘날 대부분의 웹 브라우저들은 모두 CSS를 지원하고 있습니다. CSS를 사용하는 이유 HTML만으로 웹 페이지를 제작할 경우 HTML 요소의 세부 스타일을 일일이 따로 지정해 주어야만 합니다. 이 작업은 매우 많은 시간이 걸리며, 완성한 후에도 스타일의 변경 및 유지 보수가 매우 힘들어집니다. 이러한 문제점을 해소하기 위해 W3C(World Wide Web Consortium)에서 만든 스타일 시트 언어가 바로 CSS입니다...