분류 전체보기 (3) 썸네일형 리스트형 스프링 개발일지 (2) : 메인 페이지 html/css 구현 간단하게 메인페이지를 만들어 보았다. 추후 기능 구현을 완료하고 수정할 계획이다. navigation.jsp 기온별 추천 스타일 스타일 랭킹 커뮤니티 마이페이지 navigation 부분에는 로고 이미지를 a 태그로 감싸줘서 로고를 배치해주고, ul 태그로 navigation 메뉴를 배치해줬다. 스타일은 간단하게 폰트 컬러만 바꿔줌. nav 뒤에 빈 박스 이미지를 넣어줘서 레이아웃만 꾸며줬다. 이때 class 명을 img-fluid 로 하면 화면 양 옆이 꽉 찰 수 있다. (부트스트랩 서식 참고!) 이미지는 ppt 로 대충 만들었다 ㅎ index.jsp 오늘의 평균 기온은? 스타일 검색 웹폰트 적용은 style 태그 안에 눈누에서 복붙한 @font-face 태그를 넣어주고, * { } 안에 font-fam.. 스프링 개발일지 (1) : 메인 페이지 초기 세팅 스프링 프로젝트 생성 후 처음으로 접속되는 메인 페이지를 세팅해보고자 한다. - 메인 페이지 jsp 파일 생성 src/main/webapp/WEB-INF/views 에 index.jsp 파일을 만들어 줬다. index.jsp Hello world! - 메인페이지 매핑 homeController.java package com.styleCommunity.web; import java.text.DateFormat; import java.util.Date; import java.util.Locale; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.s.. 스프링 개발일지 (0) : 프로젝트 구상 요즘은 일교차가 너무 커서 매일 어떤 옷을 입을지 고민한다. 그럴 때 마다 찾아보는 기온별 옷차림 .. 그런데 이걸 봐도 감이 전혀 안온다. 그래서! 기온별로 스타일을 추천할 수 있는 플랫폼이 있었으면 좋겠다고 생각했다. 사람들이 어떤 기온에 어떤 옷을 입었는지 인스타그램 처럼 기록하면 데이터로 저장해서 다른 사람들에게 추천하는 시스템 ~ 나같은 초보가 만들 수 있을지는 모르겠으나 일단 공부하는 겸 해보기로 함. - 유스케이스 다이어그램 로그인, 회원가입 기능을 제외한 주요 기능을 정리하면, 1. 기온별 / 랭킹순 스타일 조회 평균 기온을 입력하면 스타일을 조회할 수 있다. 좋아요 갯수 순으로 스타일을 조회할 수 있다. 2. 스타일 업로드 / 수정 / 삭제 / 좋아요 내 스타일을 등록, 수정, 삭제 할 .. 이전 1 다음
