728x90 320x100 💻 뚝딱뚝딱/북북클럽28 [개발일지#016] 전체타임라인 화면에 부트스트랩 템플릿 커스텀 및 적용하기 [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 부트스트랩 템플릿 커스텀하기 (전체 타임라인화면) 2. 전체타임라인 화면에 커스텀한 부트스트랩 템플릿 적용하기 [구현화면] 오늘은 구현된 화면부터 보여줌. 기본적인 레이아웃은 다운받았던 템플릿을 직접 커스텀하여 만들었음. 아이콘 같은 경우는 부트스트랩 공홈에 들어가서 아이콘을 바로 가져올수 있어서 거기서 가져옴. 좋아요 기능이 들어가야 할 것 같아서 나중에 타임라인에 컬럼 하나 추가해야 할 듯~! https://getbootstrap.kr/ Bootstrap 강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 .. 2024. 1. 31. [개발일지#015] 부트스트랩 템플릿 적용 준비하기 [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 부트스트랩 템플릿을 골라 내 프로젝트에 적용할 수 있도록 셋팅해놓기 tmi. 디자인에 너무 많은 힘을 쏟지 않으려고 (디자인에 힘 쏟기 시작하면 진짜 끝도 없고 너무 장기전이 되어버림. 내가 사이드 프로젝트를 만드는 목적(스트링부트와 JPA를 잘써보는 것)과 맞지 않기도함) 부트스트랩 템플릿을 사용해보기로 함. 2년 전에 부트스트랩 한 번 써보고 안써봐서....적용하는 법도 까먹은 나....다시...시도해본다.... 1. 부트스트랩 무료 템플릿을 제공하는 사이트로 접속한다. (+) 부트스트랩 무료 템플릿만 검색해도 무료템플릿 사이트 10 이런 식으로 친절하.. 2024. 1. 30. [개발일지#014] 타임라인 등록 구현하기 [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임라인 등록 구현하기 (timelineController, addForm.html) 1. 타임라인 등록 구현하기 timelineController @PostMapping("/add") public String add(@ModelAttribute Timeline timeline, RedirectAttributes redirectAttributes){ Timeline savedTimeline = timeLineRepository.save(timeline); redirectAttributes.addAttribute("timelineId", savedTimeli.. 2024. 1. 29. [개발일지#013] 타임라인 등록 폼 구현하기 [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임라인 등록 폼 구현하기 (timelineController, addForm.html) 오늘 진짜 별 거 아니다. 타임라인 등록폼을 열어보자. 1. 타임라인 등록 폼 구현하기 (timelineController) 1. 타임라인 등록 폼 구현하기 (addForm.html) 증말 간단! [구현] 완성...! 근데 버튼 왜저래 css 가 뭐 문제 있나보다. 수정해야지...! 2024. 1. 26. [개발일지#012] 회원가입시 문제점 해결하기 (Redirect) [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 회원가입시 문제점 파악하기 2. 회원가입시 문제점 해결하기 1. 회원가입시 문제점 파악하기 @PostMapping("/join") public String join(@ModelAttribute Member member){ memberRepository.save(member); return "basic/member"; } BasicMemberController 에 회원가입을 구현한 부분을 보면 회원 데이터를 저장하고 "basic/member" 로 뷰템플릿만 리턴해주도록 구현했다. 이렇게 구현하면..! 회원 등록후 회원 상세 페이지로 넘어가는데 주소는 변경되지.. 2024. 1. 25. [개발일지#011] 타임라인 수정 구현하기 [참고] 김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 둥근 피드백은 언제나 환영입니다. [오늘의 개발내용] 1. 타임라인 수정 구현하기 (TimelineController, editForm.html) 1. 타임라인 수정 구현하기 (TimelineController) @PostMapping("/{timelineId}/timelineEdit") public String edit(@PathVariable String timelineId, @ModelAttribute Timeline timeline){ timeLineRepository.update(timelineId, timeline); return "redirect:/timeline/{timelineId}"; } 타임라.. 2024. 1. 24. 이전 1 2 3 4 5 다음 728x90 320x100
