목록분류 전체보기 (69)

기억하기 위한 기록

[HTML5] <meter> 태그 : 게이지바로 최적값 나타냄

처음 써보는 meter태그에 대한 개념을 적어본다. 태그의 optimum 속성은 범위(gauge) 내에서 최적값(optimal value)으로 간주될 값을 명시합니다. ㄴ> 일정 범위의 영역에서 얼마나 차지하는지를 게이지바로 표현. valul = "현재값" min = "영역최소값" max = "영역최대값" optimium ="영역 최적값" low ="낮은 값을 갖는다고 생각되는 영역" ㄴ> min low
Front-end/html 2021. 4. 26. 18:49
[CSS] HTML문서에 CSS를 사용하는 3가지 방법

외부 스타일 시트(External Style Sheet) 내부 스타일 시트(Internal Style Sheet) HTML태그내에 스타일 지정(Inline Styles) 외부 스타일 시트(External Style Sheet) css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다. 내부 스타일 시트(Internal Style Sheet) HTML문서내에서 사이에 스타일을 정의하는 방법입니다. HTML태그내에 스타일 지정(Inline Styles) 위의 방법들에 비해서 적용범위가 더욱 좁아진 형태입니다. 스타일을 적용하고 싶은 HTML태그안에서 정의하는 방법입니다. 이 문단의 색상은 회색으로 지정됩니다. 이 문단의 색상은 회색으로 지정됩니다. 외부css..
Front-end/css 2021. 4. 23. 18:49
[VScode] React 에서 js파일생성시 정렬? 깨지는 문제

ㄴ> 컴포넌트 import를 위해 js파일을 하나 생성한 뒤 저장버튼을 누르면 ㄴ> 코드의 정렬이 이런식으로 깨지는것을 볼 수 있다. app.js파일에서도 동일한 오류가 발생했어서 그때 당시에는 스택오버플로우에서 알려준 방법대로 ㄴ>JavaScript React 로 변경하고나니 정렬이 깨지지 않는걸 볼 수 있었다. 그리고 beautify나 Prettier의 문제가 아니었던것 같다. 나는 뷰티파이가 깔려있지 않기 때문. 그래서 ㄴ> 이방법대로 해보기로함.. setting.json 파일을 찾아서 ▼아래내용을 추가해보라고함.. "files.associations": { "*.js": "javascriptreact" }, ㄴ>> 여전히 깨지는것을 볼 수 있음..그러면 도대체 왜때문이지.. 딱히 해결 방법은 없었..
오류 및 에러 2021. 4. 7. 16:43
[잘난웹디] 돕다 웹사이트 제작 2강_ header / nav / layout

기본 레이아웃 작성 1. header _ html 2. css header는 고정될수 있도록 position : fixed ; 해준다 - 로고가 센터에 위치할 수 있도록 해주는것 header의 height 과 동일한 값으로 line-heigh의 값을 매겨주면 , 태그가 가 센터로 위치하게 된다. - 로고를 제외한 nav요소들이 오른쪽으로 올 수 있도록 float : right ; 해주면 오른쪾으로 오는것을 볼 수 있다. - 아래로 떨어진 메뉴들을 정렬해준다. ㄴ> li는 block속성으로 block속성을 유지하면서 + inline 속성이 여으로 나열 될 수 있도록 inline-block으로 지정해주겠다. block속성은 한줄을 다 차지하는데, inline 속성은 옆으로 나열이 되기 때문에 완성본의 결과와..
Front-end/html 2021. 1. 22. 16:26
이전 Prev 1 ··· 10 11 12 13 14 15 16 ··· 18 Next 다음