부트스트랩을 이용해 '유기동물 입양' 페이지를 만들었습니다. 이 페이지에 DB는 연동되어 있지 않습니다. 부트스트랩이 적용되어, 카드와 모달창이 동적으로 작동합니다. 카드에서 담아 온 정보는 모달창에 전달되고, 모달창에서 입양자 이름을 입력하면... DB나 블록체인으로 넘어가도록 되어있는 페이지입니다. 참, 이 페이지는 블록체인 과정 수업을 하면서 배운 내용입니다. 수업이 진행되면 이렇게 프런트앤드 부분과 블록체인을 연결해 사이트를 구축할 수 있다고 합니다. 부트스트랩을 이용해 동적인 페이지를 만드는 것... 재밌고 신기한데요! 깃허브 : https://github.com/ldh52/javascript/tree/main/petAdoption
* 학습내용 요약 자바(이클립스)와 오라클 연동, JDBC자바(이클립스)와 톰캣 연동Servlet, Jsp, jQuery, JSON, Html, CSS, DOM, Javascript, ajax☞ 깃허브 바로가기 Java_Web (Dynamic Web Project)tomcat download이클립스와 톰캣 연동 : --> 하단 Tomcat Server 클릭 --> 톰캣 포트번호를 8080에서 80으로 변경 --> Start JAR 파일, 빌드 경로에 추가하기이클립스에서 JSP 실행을 위해 JAR 파일을 웹 애플리케이션의 WEB-INF/lib 폴더에 붙여넣기 Servlet CRUDCreate : html 폼 -> Servlet -> DAO ->users 저장Read : html에서 요청 -> Servle..
- Total
- Today
- Yesterday
- 파이썬
- 깃허브
- 오블완
- 자바
- 코틀린
- prometheus
- redis
- 타입스크립트
- pushgateway
- react
- HTML
- 보험
- 애견동반여행
- 리액트
- 부트스트랩
- 법인영업
- postgres
- django
- 자바스크립트
- 랜딩페이지
- jsx
- 스프링부트
- solidity
- grafana
- Ta
- 블록체인
- 해시노드
- 티스토리챌린지
- 마크다운
- CSS
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |