qwef

p{ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; } 세로 6줄까지 width 있어야 했던 걸로 앎.

https://gscode.in/css-cards/

tsconfig.json이라고 타입스크립트가 자바스크립트 변환하는 것에 대한 설정을 모두 정의해 놓는 파일이다. 보통 tsconfig.json은 TypeScript 프로젝트의 루트 디렉토리에 위치한다. 여기에 설정을 정의해 놓으면 일일히 파일 대상이나 옵션을 지정하지 않아도 된다. 그냥 그 폴더에서 tsc나 ts-node 하면 된다.

그냥 document. 해서 쓰는 거 그거 인 듯. 자바스크립트에서 html 문서 관련해서 접근할 수 있게 지원해 주는 거. 태그 가져오기 es5문법 const id = document.getElementById('big-box'); const clas = document.getElementsByClassName('box'); const tag = document.getElementsByTagName('h3'); const name = document.getElementsByName('name'); es6문법 document.querySelector('#big-box'); document.querySelectorAll('.big'); 둘다 알고 있기는 해야 함. elements는 배열로 옴. 반환되는 요..

class Rectangle{ width; height; constructor(width, height){ this.width = width; this.height = height; } getPerimeter(){ return this.width*2 + this.height*2; } getArea(){ return this.width * this.height; } toString(){ let message = `perimeter : ${this.getPerimeter()}\narea : ${this.getArea()}`; return message; } } class Square extends Rectangle{ constructor(length){ super(length, length); } } ext..

https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide Desktop Screen Resolution Stats Worldwide | Statcounter Global Stats This graph shows the stats of desktop screen resolutions worldwide based on over 5 billion monthly page views. gs.statcounter.com pc 크기 2023.09.05 현재 1920~ 1280 는 pc는 다 품음. 그러니까 inner를 1280 이하로 잡는 게 좋음. https://gs.statcounter.com/screen-resolution-stats/mobile..

@media screen and (orientation:landscape){ } @media screen and (orientation:portrait){ }

min 최소, 최소 이만큼 이상이면 바뀜 @media screen and (min-width:768px){ body{background-color: green;} } max 최대, 최대 이만큼 이하면 바뀜 @media screen and (max-width:768px){ body{background-color: aqua;} } min : 이상, 모바일 우선, 모바일 먼저 작업하고 커진걸 @media min-width에 씀 max : 제한, 데스크탑 우선, 데스크탑 먼저 작업하고 작아진 걸 @media max-width에 씀 @media (min-width:600px) and (max-width:767px) { } 600px 이상 767px 이하

// class class User{ id; name; email; phone; constructor(userJson){ this.id = userJson.id; this.name = userJson.name; this.email = userJson.email; this.phone = userJson.phone; } getUserLi(){ let $li = createTag('li',null); let $id = createTag('span', this.id); let $name = createTag('span', this.name); let $email = createTag('span', this.email); let $phone = createTag('span', this.phone); $li.set..

타입스크립트는 자바스크립트의 한 라이브러리.. 라고 볼 수 있다. 만약 JQuery, React, lodash 등 다른 라이브러리를 타입스크립트와 함께 사용하려고 한다면.. 저러 한 라이브러리의 내부 코드에는 변수에 대한 타입정의가 되어있지 않아 타입스크립트는 저 라이브러리 내의 변수들에 대한 타입을 추론할 수 없다. 이 경우 @types라는 타입스크립트 추론 보조 라이브러리를 설치하면 된다. jQuery, React같이 대중적인 것은 @types/라이브러리명 과 같이 제공된다. 이 보조라이브러리에는 필요한 각 코드에 대한 타입이 정의된 .d.ts 파일들이 들어있다.