전체 글 (42) 썸네일형 리스트형 Java Record 1. Java record 그동안 Java 11 버전을 주로 사용하다보니, 이후 버전에 추가된 것들에 대해 잘 알지 못해서, 학습해보려 합니다. Java Record는 Java 14에서 JEP 359의 일부로 프리뷰 기능으로 도입되었고, Java 16에서 정식 기능으로 승격되었습니다. Record는 데이터만을 담는 불변의 단순한 클래스를 간결하게 생성하기 위한 새로운 타입입니다. 2. 왜 Record를 사용하는가? Java에서는 데이터 전송 객체 DTO, VO 등과 같이 데이터만을 저장하는 클래스를 많이 사용합니다. 그러나 이러한 클래스를 작성할 때 마다 생성자, 게터, equals(), hashCode(), toString() 등의 메서드를 반복적으로 작성해야 합니다. Record는 이러한 반복을 줄이.. Multi-word component names Error 1. 문제 정의 이름을 축약하지 않는 선에서 간단히 지으면 가독성에 좋다고 생각하여 한 단어로 표현할 수 있으면 한 단어로 표현하려고 하였습니다. 하지만 홈 화면과 같이 Home.vue 로 이름을 지으니 에러가 발생하였습니다. 2. 문제 분석 📖 Rule Details This rule require component names to be always multi-word, except for root App components, and built-in components provided by Vue, such as or . This prevents conflicts with existing and future HTML elements, since all HTML elements are single wor.. Header, Footer 상단 하단 고정 1. 문제 정의 이전 포스팅을 통해 상하좌우에 있는 기본적인 vue 공백을 제거하는데 성공했지만, 여전히 문제가 남아있습니다. 본문의 내용이 짧을 경우 footer가 위로 올라온다는 문제가 있습니다. 이를 다음 코드를 통해 해결해보겠습니다. 2. 문제 해결 다음 코드를 App.vue style 영역에 추가해보겠습니다. 3. 코드 설명 #app # 기호는 css에서 id 선택자를 나타냅니다. Vue.js 프로젝트의 기본 구조에서는 주로 최상위 컴포넌트를 나타냅니다. display : flex Flexbox 모델을 사용하여 #app 내의 자식 요소들을 유연하게 배치합니다. flex-direction : column Flexbox의 주 방향을 수직(column)으로 설정합니다. 기본값은 row로 수평 방향입니.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음