Language flex-wrap 과 grid 프로젝트를 진행하다 화면상에 카드형태의 아이템들을 반응형으로 컨테이너의 가로길이에 따라 줄바꿈을 하기 위해서 flex-wrap 속성의 wrap 을 사용했었다. 가로길이에 따라 줄바꿈이 되긴했지만 한가지 마음에 안드는 점이 있었다. 오른쪽의 여백이 애매하게 남아 보기에 좋지 않다고 생각했다. justify-content 속성을 center로 주면 전체 아이템이 가운데로 정렬되어 왼쪽과 오른쪽 여백이 같아지지만 아래사진 처럼 가장 마지막 행에서 다른 행보다 아이템의 개수가 적은 행에서도 마찬가지로 가운데정렬이 되어 이것 또한 마음에 들지 않았다. 만들고 싶은 레이아웃을 다시 정의해보면 "카드 아이템들을 담는 컨테이너는 전체 레이아웃에서 "가운데 정렬", 각각의 아이템들은 해당하는 행 내에서 "왼쪽 정렬" 이.. Language/css 2022. 9. 17. [Typescript] 구조적 타이핑 [구조적 타이핑] Typescript 의 타입 호환성은 구조적 타이핑을 지원합니다. 여기서 구조적 타이핑이란 X 와 Y 라는 타입이 '구조적' 으로 동일하다면 X 와 Y 는 호환 가능한 타입이 될 수 있다고 여길 수 있는 것을 의미합니다. interface A { id : number } interface B { id : number } let a : A; let b : B = { id: 5, } a = b //OK a는 A 타입 으로 선언되었지만 '구조적'으로 동일한 B 타입의 객체를 대입하더라도 에러를 내지 않습니다. interface A { id : number } interface B { id : number name : string } let a : A; let b : B = { id: 5, n.. Language/JS, TS 2022. 9. 1. Array.from() MDN Array.from docs Array.from() - JavaScript | MDN Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다. developer.mozilla.org Array-like 객체 나 iterable 객체를 얉은 복사로 새 Array 객체에 할당하는 메서드 단순하게 Array를 만드는 메서드로 알고있었는데 첫번째 매개변수의 length 속성에 값을 지정해주고 arrow function 을 사용하면 순차 숫자 배열(?) 을 쉽게 만들 수 있다. example // Using an arrow function as the map function to //.. Language/JS, TS 2022. 7. 7. [Error] tsconfig.json: Build:No inputs were found in config file https://stackoverflow.com/questions/41211566/tsconfig-json-buildno-inputs-were-found-in-config-file tsconfig.json: Build:No inputs were found in config file I have an ASP.NET core project and I'm getting this error when I try to build it: error TS18003: Build:No inputs were found in config file 'Z:/Projects/client/ZV/src/ZV/Scripts/tsconfig.json'. Spe... stackoverflow.com Language/JS, TS 2022. 6. 15. 이전 1 다음
