HTML
-
[CSS/SCSS] 항상 까먹는 Text 말줄임표(...) 적용하기 !!!나는야 개발자/CSS 2022. 12. 7. 10:28
안녕하세요~ 오늘 다룰 주제는 !! 'Card' 또는 '게시판 내용 미리보기' 등을 만들때 필요한 " 말 줄 임 표 (...) " 를 적용시켜보려고 합니다. 바로 렛추고( Let's go ) 해볼까용 ? 😁 말줄임표를 적용하는 방법에는 크게 2가지가 있습니다. 1. 1줄로만 보여지는 경우 2. 2줄 이상으로 보여지는 경우 각각의 경우 CSS가 어떻게 적용되고, 차이점이 무엇인지 한 번 알아보겠습니다. 1. 1줄로만 보여지는 경우 .box{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } css를 위와같이 적용시킵니다. Lorem Ipsum is simply dummy text of the printing and typesetting i..
-
[Javascript/기초] 변수 선언(const/var/let)나는야 개발자/Javascript 2022. 3. 8. 22:10
기본적으로 Javascript에서 변수를 선언하는 방법에는 const / var / let 3가지가 있다. 오늘은 이 3가지 변수 선언 방법에 대해 알아보고자 한다. 1. const const는 상수를 의미한다. const 변수는 한 번 선언을 하면 재할당 할 수 없으며, 재선언 역시 불가하다. // EXAMPLE_1 const number = 42; try { number = 99; } catch (err) { console.log(err); // expected output: ERROR } console.log(number); // expected output: 42 HTML 삽입 미리보기할 수 없는 소스 그러므로, const 변수를 선언할 때는 값이 동적인지 정적인지를 잘 생각해서 선언할 필요가 있..