반응형

✂퍼블리싱 16

CSS 말줄임 표시 2가지 방법

필수 셋팅1. 텍스트의 고정영역을 설정한다. (width 셋팅) 필수 셋팅2. 텍스트 태그의 경우 display 속성이 block 또는 inline-block 또는  -webkit-box 속성이 설정되어야 한다.  ① display : -webkit-box 로 설정 시 (해당 영역을 box 형태로 관리되도록 함)   -webkit-line-clamp: 3;  // 줄수 설정  -webkit-box-orient: vertical; // 박스 영역을 세로 방향으로 설정 overflow: hidden; // 영역을 넘어가는 요소들을 안보이게 ② white-space : nowrap 사용 시 overflow : hidden;  text-overflow : ellipsis; // 텍스트가 범위를 넘어갈 시 말줄임..

sass 설치하기 (node.js, cmd 사용, Dart버전, 윈도우사용)

sass 설치하면서 직감했다. 미래의 나는 분명 이거 까먹는다..... 훗날 또 불나게 검색하기 귀찮아서 나를 위해 남기는 글이다... 1. node.js 설치하기 구글에 node.js 검색해서 들어가서 각자 운영체재 맞는 걸로 설치하셈 2. node.js 깔렸는지 확인하기 윈도우 검색창에 cmd (명령 프롬프트) 치고 들어가서'node -v' 쳐보기.v 어쩌구 저쩌구 나온거면 설치된거임. 3. sass 설치 명령하기 (Dart 버전 Sass ) Dart버전 명령어 : npm install sass -g node버전 명령어 : npm install -g node-sass node버전 설치로 여러번 시도 했는데 자꾸 설치가 안됬다 ㅜ Dart 버전이 있다길래 해봤는데 성공했따 각자 되는 걸로 하자 4. s..

[HTML] section 태그와 article 태그 중에 뭘 써야될까?

article : 어느 한 페이지에 독립적으로 보여졌을 때 전혀 문제가 되지 않는 고유한 정보를 나타날 때 사용한다. : ex ) 신문기사들 중 독립적인 1개의 기사, 블로그 포스트 중 독립적인 1개의 포스트 section : 연관있는 주제들의 내용들을 묶음화 할 때 사용한다. : h1 등의 제목 태그를 포함하는 경우가 많다. [사용 예시] 건강한 다이어트에 성공한 연예인들 --- 연예인 1에 관한 내용 --- 연예인 2에 관한 내용 내용참고 : youtube [드림코딩 by엘리]

JS ) 숫자와 문장

자바스크립트는 입력되는 순차적으로 처리된다. 만약 문장과 숫자가 함께 입력됬을 때 사칙연산의 우선순위에 따라 처리된다. 문장이 먼저 처리되면 뒤의 숫자도 문장화 된다. ex. console.log("점수 : " + 10 + 20) ----------------> " 점수 : 1020 " -------------->숫자가 문장화 됨 console.log("점수 : " + 10 * 20) ----------------> " 점수 : 200" -------------->곱셈이 먼저 처리된다. console.log("점수 : " + ( 10 + 20 ) ) ----------------> " 점수 : 30" -------------->괄호안의 연산이 먼저 처리된다.

반응형