MapleStory Cookie With Halo

✨ UI 36

[Thymeleaf][SpringBoot]스프링이 지원하는 타임리프 기능(입력위주)

타임리프 단독으로 사용하는 것이 아니라, 스프링이 팍팍 밀어주는 타임리프는 스프링이 지원해주는 기능을 따로 사용할 수가 있다. 특히 스프링부트를 사용하면, 다운로드 받을 때 타임리프만 추가하면 매뉴얼 설정 필요없이 사용할 수 있다.※ 매뉴얼 : https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html   form> 자바로직에서 빈 객체를 보내준다.form action="item.html" th:action th:object="${item}" method="post">th:objec로 해당 빈 객체를 가져온다.input type="text" th:field="*{itemName}"  th:field에서 해당 객체의 필드들을 가져올 수 있다.※ 이를..

[Thymeleaf]타임리프 기본 기능 사용법 총정리

이 포스트는 내용이 깁니다.바쁘거나 맛보기만 보실 분들은 아래 포스트 추천드립니다.2025.03.03 - [✨ UI/🖤 View Templates] - [Thymeleaf]타임리프 사용법 간단정리    선언 html xmlns:th="http://www.thymeleaf.org"> 만 HTML파일에 적어주면 바로 사용가능하다.textcode결과 span th:text="${data}"> → 태그 속성으로 데이터를 치환할 때 사용. [[${data}]] → 컨텐츠 안에서 직접 출력.타임리프는 다음 두 기능 제공한다.th:text → th:text[[...]] → [(...)]Unescapecode결과escape란 자바에서 html로 넘어올 때 알아서 특수 기호반대로 unscape란 기호를 처리하지 않고 ..

[JAVA]JSP로 회원관리 웹 애플리케이션 만들기

시작하기 전jsp에 대해 모르신다면2024.12.31 - [✨ UI] - [JSP] jsp란? 기본구성  스프링부트에 JSP와 JSTL 의존성 추가2025.02.28 - [🍃 Spring/🍃 Spring Boot] - [SpringBoot][Gradle] JSP, JSTL 의존성 추가코드 도메인과 리포지토리는 이전 글과 동일. 2025.02.28 - [☕ JAVA/☕ Libraries] - [JAVA]HttpServlet 이용해 회원관리 웹 애플리케이션 만들기 jsp코드가 너무 눈에 안 들어오므로 extension 'JSP Language Support'를 설치했다 지우겠음  신규 작성란 new formjsp는 %@pagecontentType="text/html;charset=UTF-8"languag..

[JSP] jsp란? 기본구성

JSPJava Server Pages : 자바 기반으로 웹페이지 동적으로 생성.  이 기호를 scriptlet이라 한다.JSP는 이 기호를 이용하여 html과 java언어를 한 페이지에 같이 쓸 수 있게 해준다.※ 참고로 구식이라 취급하기도 하지만, 아직까지도 많이 사용되는 중이다.💡 jsp는 java servlet 컨테이너를 기반으로 돌아가기 때문에 톰캣이 필요하다.2024.12.29 - [☁ Network/📪 Server] - [Tomcat]톰캣이란?2024.12.29 - [📑 개발 사전/🛫 사이트 모음] - Apache Tomcat : 톰캣 다운로드 받는 곳 전체 코드더보기JSP   자바코드 %> 지시자 %> : 페이지 속성지정 표현식 %> : 결과값 출력 주석 —%> 선언  %> : ..

[JS]ajax : 비동기 통신기법

ajaxAsynchronous Javascript And Xml  우리가..구글이나 네이버에서 뭔가를 검색하면 검색결과창이 나오잖아요.에이젝스는 창이 바뀌지 않고 위처럼 데이터를 가져올 수 있습니다.이를 비동기 통신 기법이라고 합니다. API Docshttps://api.jquery.com/jQuery.ajax/json 표현 기법을 사용합니다.2024.12.28 - [✨ UI/💛 JS] - [JS]JSON  url : 통신할 서버나 파일 주소.method : get / post 중 선택.async : default: true (false는 동기식).dataType : 통신이 성공하면 리턴받을 data의 type (text, xml, json, ...)success : (위 네개를 올바르게 적어) 통신 ..

✨ UI/💛 JS 2024.12.29

[JS][jQuery] $ 제이쿼리란? 적용/사용법

jQuery ※ js코드는 좀 길잖습니까. ex) document.getElementId()그걸 좀 더 간단히 적을 수 있게 하는 게 바로 jQuery라이브러리입니다.다른 코드가 아니라 자바스크립트의 라이브러리입니다. html태그에 간단하게 이벤트를 주기 위해 많이 사용됩니다.  적용법 2024.12.28 - [📑 개발 사전/🛫 사이트 모음] - jQuery : 다운로드 받는 곳     💡 위에서는 파일로 저장해 안전하게 사용했지만, js파일 웹주소를 연결해 사용해도 상관은 없습니다.  사용법 $( ) html 태그 불러오기$(css선택자)   $('여기'); 안에 css 선택자를 적어서 불러옵니다.2024.12.23 - [✨ UI/💙 CSS] - [CSS]선택자 종류와 사용법  값 가져오기.va..

✨ UI/💛 JS 2024.12.28

[JS]Window 대화형 함수

Window Interactive Functions: js의 window객체가 제공하는사용자와 상호작용하는 대화형 함수. window.alert(message) : 메시지 팝업창.window.confirm(message) : 확인/취소 버튼. true/false반환.window.prompt(message, default) : 텍스트창 제공window.onload : 화면이 열림과 동시에 실행. 🌟 원래는 window.alert()와 같이 적어야하는데 window가 전역객체이므로 보통 생략해서 사용한다.💡 새로고침 location.reload()window함수로 대화형 함수는 아니지만 자주 사용된다. (true)를 적으면 서버에서 페이지를 새로 불러온다.()빈 값을 보낼 시 false가 보내지며 캐시가..

✨ UI/💛 JS 2024.12.27
반응형