Spring Legacy · STS · OracleDB · SQLDeveloper 스프링 두가지 종류 Spring Legacy- DB를 MyBatis * 옛날버전 Spring Boot - JPA * 최신버전 실무에서는 스프링레거시를 보통 사용 스프링부트는 규모가 작은 신규 프로젝트를 작업할때 사용 1.스프링 툴 다운로드 projects > springtools4 SpringTool Suite3 클릭 Eclipse 4.12를 가장 많이쓴다. 가장 상단의 zip파일 다운로드받자. 2.아파치 톰캣 다운로드 아파치톰캣 사이트 접속 > download > Tomcat9.0 > Core> zip파일다운로드 3.JAVA jre 다운로드 실무에서는 대부분 1.8 사용 JDK를 프로그래머가 자바 프로그래밍을 하기 위해 ..

React 비동기 - 사진 출력하기 온라인 코딩툴 사이트 : https://snack.expo.dev/ 코드전체 : https://snack.expo.dev/@rebornborn/happy-almond?platform=ios Dog.js import styled from 'styled-components'; import { useFetch } from './useFetch' // ` ESC키 하단에 있는 EC6기반의 변수할당하는 문법 const StyledImage = styled.Image` background-color: #7f8c8d; width: 300px; height: 300px; `; const ErrorMessage = styled.Text` font-size: 18px; color: #e..

React 다크모드버튼, 카운트버튼 만들기 온라인 코딩툴 사이트 : https://snack.expo.dev/ package.json { "dependencies": { "expo-constants": "~13.2.4", "@expo/vector-icons": "^13.0.0", "react-native-paper": "4.9.2", "prop-types": "15.7.2", "styled-components": "4.2.0" } } Counter.js import {useState} from 'react'; //import 2개이상일 경우 중괄호 {} import {View, Text} from 'react-native'; //외장컴포넌트를 가져다 씀 (import) import MyButton fro..

React 초보자 입문강의 정리 설명출처영상 : https://www.youtube.com/watch?v=qcphnSqneE0 123탄 온라인 코딩툴 사이트 : https://replit.com/ 리액트의 장점 1. 리액트는 자동으로업데이트를 해준다. 2. 코드 재활용을 많이한다 3. 코드정리가 깔끔하다 - html + javascript = JSX문법 App.jsx import './App.css' export default function App() { return ( rebornborn⚛️ + Vite ⚡ + Replit 🌀 ) } 여기 내용이 웹사이트에서 보일내용이다. 안에 내용을 입력하고 수정해보자 , reflesh하지 않아도 자동으로 업데이트 되는 것 을 확인 할 수 있다. 이것의 원리가 무엇..

openweathermap API 참고 유튜브영상 : https://www.youtube.com/watch?v=QxEZCSfUrzs openweathermap API에서 Free로 사용할수있는 것은 한정되어있다. 아래는 사용가능한 것을 알려주는 표이다. 1.openweathermap API 사이트 접속 후 가입 API사이트 : https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and ..

https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr releases.jquery.com minified 클릭 code 복붙하여 layout.html에 넣어주기만하면 끝

Auto scroll Card Slider - HTML CSS vanilla JS codepen link: https://codepen.io/bongcasso01/pen/xxjbQJG See the Pen weather card slider by rebornbb (@bongcasso01) on CodePen. html ❮ 현재날씨 강원도 현재기온: 최저기온: 최대기온: 경기도 현재기온: 최저기온: 최대기온: 충청북도 현재기온: 최저기온: 최대기온: 충청남도 현재기온: 최저기온: 최대기온: 전라북도 현재기온: 최저기온: 최대기온: 전라남도 현재기온: 최저기온: 최대기온: 경상북도 현재기온: 최저기온: 최대기온: 경상남도 현재기온: 최저기온: 최대기온: 제주 현재기온: 최저기온: 최대기온: ❯ /*-----..

Auto scroll Card Slider - HTML CSS vanilla JS codepen link: https://codepen.io/bongcasso01/pen/zYjxamJ See the Pen auto card slider vanilla js css by rebornbb (@bongcasso01) on CodePen. html number 1 number 2 number 3 number 4 number 5 number 6 css .TeamPic { border-radius: 50%; width: 60%; } .FlipCardcontainer { margin-top: 5%; width: 100%; height: 100%; display: flex; justify-content: center; ..