목록JavaScript, Vue.js, CSS (27)
개발하는 삶

텍스트 스타일 font-style : normal / italic (기울어짐. *보통 이걸 사용) / oblique font-weight : 굵기 normal(400. 기본두께), bold (700. 두껍게). 100~900까지 가능 font-size : 크기 16px (기본크기), 단위(px, em, rem 단위로 지정) line-height : 한 줄의 높이(행간 느낌) normal (브라우저의 기본정의를 사용), 숫자(1.4 = 1.4배. 요소의 글꼴 크기의 배수로 지정) 단위(px,em,rem 등의 단위로 지정) font-familly : 서체(글꼴) 지정 font-family: 글꼴1, “글꼴2”(띄어쓰기, 특수문자가 포함된 글꼴은 “”로 묶음) serif //바탕체계열 sans-serif //..

캐스케이딩 스타일 시트 우선순위에 따라 적용할 스타일 순서를 결정한다는 뜻 우선순위 위에서 아래로 맨 마지막, 나중에 적용된 스타일이 더 우선순위를 가짐. 사용자스타일(시스템에서 만든 스타일) → 제작자 스타일(제작자가 만듬) → 브라우저 스타일(브라우저의 기본 스타일) !important(스타일 뒤에 붙여주면 됨) → 인라인스타일(body태그) → id스타일 → 클래스 스타일 → 타입 스타일 스타일 상속 자식요소에 별도 스타일이 없음 → 부모요소 스타일이 자식 요소로 전달됨 모든 속성이 다 상속되는 건 아님 css 기본단위 크기 픽셀 기본단위 16px 백분율 단위 100% 배수 단위 1.2em (1.2배) // 1.2rem (최상위 요소를 기준으로 1.2배) 디바이스 마다 보이는 html 영역에서 1...

method 속성 post : HTTP Request 헤더에 파라미터를 추가해 데이터 전송 (내용이 노출되지 않음) get : URL의 뒷부분에 파라미터를 추가해 데이터를 전달함(전달내용 노출됨) (기본값) action : 입력한 데이터를 처리하는 웹 프로그램. 혹은 링크주소도 됨. form enctype="속성값" 폼 데이터가 서버로 제출될때 해당 데이터가 인코딩되는 방법을 명시함 application/x-www-form-urlencoded : &으로 분리됨 multipart/form-data : 모든 문자를 인코딩하지 않음을 명시함 text/plain : 공백문자는 + 기호로 변환. 나머지 문자는 인코딩되지 않음 파일 업로드 이미지 파일 등을 전송할 때 지금은 참고로만! (서버쪽 개발자와 소통할때 쓰..

오디오, 비디오 기능 controls : 재생막대 표시 autoplay : 자동재생기능 loop : 반복 재생 muted : 오디오, 비디오 소리를 제거 preload : 페이지를 새로고침할때 어떻게 오디오 등을 로딩시킬 것인지. 기본적으로 preload = “auto”가 사용됨 auto, metadata, none width(높이), height(가로) poster = ”파일이름” : 비디오를 재생하기 전에 표시할 썸네일 이미지 목록을 만드는 태그 + 순서 없는 목록을 만들 때 사용 내용 앞에 작은 원/사각형 등의 불릿이 붙음 내용내용2 ... : 빈 동그라미 : 채워진 네모 + 순서가 필요한 목록 (숫자 등) 내용내용2 ... 아래 속성에 따라 다르게 표현될 수 있다. type 속성 - 1,2.. 등..

스타일 시트(여러 스타일들을 묶어놓은 것)를 사용하여 꾸며준다 외부 스타일 시트 불러오기 선택자 전체선택자, 타입선택자 등 //전체선택자 : 웹문서 전체 수정, 초기화하고 싶을때 사용 * { margin: 0; //바깥여백 제로 padding: 0; } //태그선택자 p { color: blue; //p태그가 사용된 곳 전체를 스타일 적용하기 } //class선택자. (다중선택) .redtext { //클래스 선택자 이름 지정하기 color: blue; //해당 클래스 내 문서에 적용 } //id선택자. (중복없이) #container { color: blue; } //그룹 선택자 h1, p { //h1,p부분 모두를 color: blue; //이와같이 수정 } //속성 선택자. 태그[]에 속성 넣어주면..

순열 서로 다른 n개에서 서로 다른 r개를 선택하여 일렬로 나열하는 것 from itertools import permutations data = ['A','B','C'] result = list(permutations(data, 3)) ''' 서로다른 data 내에서 서로 다른 3개를 선택하여 모든 값을 리스트로 나열한다 ''' 조합 서로 다른 n개에서 순서에 상관없이 서로 다른 r개를 선택하는 것 from itertools import combinations data = ['A','B','C'] result = list(combinations(data, 2)) ''' 서로다른 data 내에서 서로 다른 2개를 선택하여 모든 값을 리스트로 나열한다 ''' Counter 등장횟수를 세는 기능을 제공 fr..