전체 글628 CSS - 이번에야말로 CSS Flex를 익혀보자 Flex의 속성들은, 컨테이너에 적용하는 속성 아이템에 적용하는 속성 이렇게 두 가지로 나뉘어요. 먼저, 컨테이너에 적용하는 속성들 부터 알아볼게요. 한땀한땀 구현원리를 공부하자! Flex 컨테이너에 적용하는 속성들 display: flex; Flex 컨테이너에 display: flex;를 적용하는게 시작이예요. 이 한 줄의 CSS만으로 아이템들은 기본적으로 아래 그림과 같이 배치됩니다. .container { display: flex; /* display: inline-flex; */ } AAA BBBBBBBBBBB CCCCC blockflex 직접 테스트 해보세요 Flex 아이템들은 가로 방향으로 배치되고, 자신이 가진 내용물의 width 만큼만 차지하게 되지요. 마치 inline 요소들 처럼요. h.. 2021. 4. 26. [Spring] DTO를 Inner Class로 사용 Api별로 화면에 return하는 데이터가 달라 많은 DTO 파일을 생성하게됩니다. Entity들의 데이터를 가공하여 DTO에 Set Method 혹은 builder로 매핑하는 코드가 길어집니다. 이제부터 더 간결한 코드를 고민하는 시간을 가지며 위 문제점들을 개선한 내용을 정리하고자 합니다. 너무 많고 많은 DTO(VO)들.. 프로젝트 내 VO 혹은 DTO 패키지 안에 필요할 때마다 Class파일을 생성하면 위 사진과 같이 파일수가 매우매우 많아집니다. 여기서 파생되는 문제점들은.. 일단 보기에 안좋습니다..(흐그는드) 더 이상 ClassName이 중복되지 않는 DTO를 만들기가 어려워집니다. 필드들이 겹치는 DTO로 대충 Response를 내리다보니 Over-Fetching을 하게됩니다. DTO를 I.. 2021. 4. 26. Git - 포크한 깃허브 저장소를 원본 저장소와 동기화 하기 * 원본 저장소의 변경 내용을 포크(fork)한 제 저장소에 반영할 때 사용. 로컬로 포크 저장소를 clone 합니다. 로컬에 있는 포크 저장소에 리모트를 설정해 줍니다. 포크 저장소에 원본 저장소를 머지합니다. 원본 저장소 => https://github.com/ax5ui/ax5ui-kernel 포크 저장소 => https://github.com/hyunjun19/ax5ui-kernel.git // 포크 저장소를 로컬로 클론 $ git clone https://github.com/hyunjun19/ax5ui-kernel.git // 로컬 저장소로 이동 $ cd ax5ui-kernel // 현재 설정된 리모트 저장소 조회 $ git remote -v originhttps://github.com/hyunj.. 2021. 4. 26. [2021 읽은 책] 켄 피셔 역발상 주식 투자 - 켄 피셔 - 주식시장 흐름을 알기위해 꼭 읽어야 하는 책 (다시 읽고 싶은 책) (⭐️⭐️⭐️⭐️) 2021. 4. 16. [2021 읽은 책] 비전공자를 위한 이해할 수 있는 IT 지식 - 최원영 -비전공자가 충분히 이해하기 좋은 책 (⭐️⭐️⭐️) 2021. 4. 16. [2021 읽은 책] 만화로 배우는 인공지능 - 비젠 야스노리 - 인공지능의 개념을 쉽게 접근할 수 있으며 개념을 쉽게 설명해놓음 (⭐️⭐️⭐️⭐️) 2021. 4. 16. 이전 1 ··· 78 79 80 81 82 83 84 ··· 105 다음
