스터디일지72 [Spring] SpringBoot - 게시판 만들기 PART 1 Spring Boot란? 오픈 소스 Java 기반 프레임워크 Spring을 더 쉽게 이용하기 위한 도구 Spring에서 설정해야 할 의존성 관리나 실행환경등을 자동화 시킴 개발자가 비즈니스 로직 개발에만 집중할 수 있도록 만들어줌 WAS를 자체적으로 가지고 있어서 jar파일만 만들면 별도의 WAS 설정 없이 애플리케이션 실행 가능(상황에 필요한 WAS 선택 가능) Thymeleaf 템플릿 엔진의 일종 백엔드 서버에서 HTML을 동적으로 렌더링하는 용도로 사용한다. 네츄럴 템플릿이다. - 순수 HTML을 최대한 유지하면서 뷰 템플릿도 사용할 수 있게 한다. 스프링과 통합되어 있어 스프링의 다양한 기능을 편리하게 사용할 수 있다. HTML 태그에 th:* 속성을 지정해서 사용한다. JPA Java에서 ORM.. 2024. 3. 20. [Spring] Maven으로 프로젝트 생성하기 1.intelliJ 실행 2. 새 프로젝트(New Project) 클릭 3. Spring Initializr 체크 후 빨간 Box들을 설정해준 후 → 다음 버튼 클릭 4. 종속성 설정 - 원하는 종속성 검색 → 해당 종속성 체크 → 생성 클릭하면 프로젝트 생 2024. 3. 18. [CSS] 기본 익히기 PART 10 Flexbox html 요소를 정렬 및 배치하는 CSS3의 새로운 레이아웃 방법 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치해준다. 복잡한 계산없이 요소의 크기와 순서를 유연하게 배치 할 수 있다. Flexbox 구성 flex container - flex item을 감싸는 부모 요소 flex item - flex container 안에 있는 여러개의 자식 요소 Flexbox 만들기 display: flex 속성을 지정하여 만들 수 있다. 위의 요소가 지정되면 flex-container가 되고 자식요소는 flex-item이 된다. 부모 요소가 inline이면 inline-flex를 지정한다. .flex-container { background-color: green; .. 2024. 3. 15. [CSS] 기본 익히기 PART 9 Animation 요소에 적용된 스타일을 다른 스타일로 부드럽게 전환 시켜 준다. @keyframes를 사용하여 지정할 수 있다. - 애니메이션의 중간상태를 말한다고 한다. transition보다 더 정밀한 효과를 구현할 수 있다. keyframes 정의하기 from ~ to로 지정하기 @keyframes shape { from { border: 1px solid transparent; } to { border: 1px solid #000; border-radius: 50%; } } from ~ percent ~ to로 지정하기 @keyframes background { from { background-color: red; } 50% { background-color: green; } /* percent.. 2024. 3. 15. 이전 1 2 3 4 ··· 18 다음
