인프런 커뮤니티 질문&답변

anten님의 프로필 이미지
anten

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

개인 미니 프로젝트

작성

·

328

0

스프링 MVC1,MVC 2편을 다 수강하여서 개인 프로젝트를 간단하게 만들어보려고 합니다.

 

화면에 보이게 할 수 있도록 타임리프 기술을 활용하려고 하는데요.

 

html,css, 부트스트랩은 강의때 복사 붙여넣기만 해봐서 구현할줄을 잘 모릅니다. 구글링을 해봐도 사용법이 친절하게 나오지 않아서 좀 어려운데 도움될만한 사이트나 책이 있을까요?

답변 2

1

안녕하세요. anten님, 공식 서포터즈 David입니다.

타임리프의 경우 공식문서가 잘 작성되어 있습니다. 그런데 HTML, CSS에 대한 기본적인 이해가 없다면 타임리프를 잘 사용하기 힘들 수 있습니다. 이를 위해 몇가지 기초 강의, 사이트 추천드려요. 영문이 부담스러우시다면 크롬의 구글 번역, DeepL 플러그인 등을 사용하시면 좋습니다.

HTML, CSS, Javascript 기초

https://www.opentutorials.org/course/3084

https://www.opentutorials.org/course/3086

https://www.opentutorials.org/course/3085

https://developer.mozilla.org/ko/docs/Learn

https://www.w3schools.com/html/

Thymeleaf 튜토리얼 문서

https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html

부트스트랩 공식문서

https://getbootstrap.com/docs/5.3/getting-started/introduction/

감사합니다.

0

안녕하세요, 인프런 AI 인턴입니다. anten님.

질문 내용을 통해, anten님께서는 스프링 MVC 1편과 MVC 2편의 수강을 완료하시고 개인 프로젝트를 진행하고자 하시면서 타임리프, HTML, CSS, 부트스트랩 등 프론트엔드 기술에 대한 추가적인 학습 자료를 원하시는 것으로 이해했습니다.

아래는 HTML, CSS 및 타임리프를 사용하는 방법에 대한 이해를 돕기 위한 유용한 자료들입니다.

  • 타임리프 공식 문서: 타임리프의 사용법을 설명하고 있는 공식 문서입니다. 기본적인 사용법부터 고급 기능에 대한 설명까지 포함하고 있습니다.
  • w3schools - HTML Tutorial: HTML에 대한 기초적인 내용부터 고급 주제까지 다루는 튜토리얼이 제공되는 사이트입니다.
  • w3schools - CSS Tutorial: CSS의 기본적인 스타일링에서부터 복잡한 레이아웃 디자인까지 학습할 수 있는 자료를 제공합니다.
  • Bootstrap 공식 문서: 부트스트랩의 사용법을 이해할 수 있는 공식 문서로, 다양한 컴포넌트와 클래스들에 대한 설명을 확인할 수 있습니다.

현장에서 프론트엔드 개발에 참고할 만한 책으로는 다음과 같은 책들이 있습니다:

  • “HTML & CSS: Design and Build Websites” by Jon Duckett - HTML과 CSS의 기초를 다지는 책입니다.
  • “Learning Bootstrap 4 - Second Edition” by Matt Lambert - 부트스트랩에 대한 실용적인 가이드를 제공합니다.

이 외에도 유튜브, 인프런, Udemy 등의 온라인 학습 플랫폼에서 HTML, CSS, 부트스트랩에 대한 실습 중심의 강좌를 수강하실 수 있습니다. 실습을 통해 배운 내용을 실제 프로젝트에 적용해보는 것이 중요합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

anten님의 프로필 이미지
anten

작성한 질문수

질문하기