꼬마 개발자 탱구

차근차근 확실하게

Coding 16

이클립스에 스프링부트 깔기 [spring 개발 환경 구축 3]

Spring Boot 설치하기 1. 상단의 Help > Eclipse MarketPlace 클릭 2. Search 탭 Find 검색창에 STS 검색 -> Spring Tools 3 Install 클 3. Confirm 선택 Finish를 누르고 나면 오른쪽 하단에 아래와같이 installing 되는것을 볼 수 있습니다. ( 저는 이거 못보고 계속 파일들어가서 봤다가 왜 안깔리지.. 하고 있었음..... ㅠㅠ) Installing이 끝나고 File > other 들어가서 보면 원래 없던 Spring 과 Spring Boot 가 생긴것을 볼 수있습니다!!!

Coding/Java 2023.07.24

이클립스 설치하기 [ spring 개발 환경 구축 2]

2023.07.21 - [분류 전체보기] - JDK 8 다운로드 및 설치하기 JDK 8 다운로드 및 설치하기 📌 JDK 1.8을 많이 사용하는이유 1. ORACLE 지원 기간이 길다 JAVA 8 : 2030년 12월 JAVA11 : 2026년 09월 JAVA17 : 2029년 09월 ❓ Java 8 을 JDK 1.8이라고 하는 이유 원래 JAVA 버전의 네이밍 방식은 'JDK 1.x.y' 였지만, taenggu0-0ai.tistory.com “❓이클립스 ? " JAVA 개발에 사용되는 통합 개발 환경 (IDE) 입니다. 그로인하여 이클립스와 JAVA의 버전을 맞추는 작업이 필요합니다. JAVA에 대하여 ... (2023년 07월 기준) 더보기 JAVA의 최신 버전 : JAVA 17 현재 사용자가 증가하는..

Coding/Java 2023.07.24

JDK 8 다운로드 및 설치하기 [spring 개발 환경 구축 1]

📌 JDK 1.8을 많이 사용하는이유 1. ORACLE 지원 기간이 길다 JAVA 8 : 2030년 12월 JAVA11 : 2026년 09월 JAVA17 : 2029년 09월 ❓ Java 8 을 JDK 1.8이라고 하는 이유 원래 JAVA 버전의 네이밍 방식은 'JDK 1.x.y' 였지만, JAVA 8부터는 네이밍 방식이 바뀌게 되었습니다. 'JDK 1.'을 제외하고 '8'로 표시하는게 아니라, 'JDK 8' 로 표기합니다. 따라서 JAVA8 과 JDK 1.8은 사실상 동일한 버전을 가리키는 것입니다. JAVA9 이후의 버전은 'JDK9' , 'JDK10' 등과 같이 'JDK'다음에 버전 번호만 사용합니다. JDK 8 설치하기 ❓내 컴퓨터에 자바가 설치 되어 있는지 확인해보기 1. 윈도우 + R 을 누른..

Coding/Java 2023.07.21

JAVA 버전 별 차이 (Java8, Java11, Java17)

📌 JAVA 버전 별 차이 Java8 👉 오라클이 자바 인수 후 출시한 첫번째 LTS 버전 👉 32비트를 지원하는 마지막 공식 Java버전 👉 2개의 버전으로 나뉨: Oracle JDK, Open JDK 👉 Nashorn JavaScript 엔진 탑재 👉 새로운 Date-Time API 도입 👉 Unsigned Integer 계산 지원 👉 Annotation on Java Types 기능 👉 Static Link JNI Library 지원 👉 Interface Default Method 추가 👉 PermGen 영역 삭제 👉 Stream API 제공으로 컬렉션 처리 간편 Java11 👉 Oracle JDK와 Open JDK 통합 👉 Oracle JDK가 구독형 유료 모델로 전환 👉 람다 파라미터에 대한 지..

Coding/Java 2023.07.20

[HTML/Css/JS] 이미지 슬라이드 만들기

아래 동그란 버튼을 누르면 화면이 바뀌는 이미지 슬라이드를 만들고 싶었다. 원래는 자연스럽게 fadein fadeout 되는 화면을 만들고싶었는데 일단 화면 구현을 위해 옆으로 넘어가는걸 만들어따!!! 설명은 코드 안에 주석으로 달아놓았습니당당구리당당구 HMTL CSS 데스크탑용 /* 데스크탑 */ body { background-color: #4AB34A; font-family: 'STIX Two Math'; } /* 이미지 슬라이드 */ .slider { margin: 0 auto; max-width: 100%; height: 80vh; } .slide_viewer { height: 80vh; overflow: hidden; position: relative; } .slide_group { heigh..

Coding/Java Script 2023.05.29

[HTML/CSS] <input> 태그로 라디오 (radio) 버튼 만들

태그의 type 속성에 들어가는 값 text : 일반 텍스트를 입력 받을 수 있습니다. password : 패스워드를 입력받을수 있도록, 입력 값이 화면에 보여지지 않도록 합니다. submit : 태그 내에 입력된 데이터를 서버로 전달해 줍니다. button : 버튼을 생성해 줍니다. checkbox : 체크박스 형태의 입력을 받을 수 있습니다. radio : 라디오 버튼 형태의 입력을 받을 수 있습니다. reset : 태그 안의 사용자 입력을 초기화 합니다. 라디오 버튼 생성하기 성별 여성 남성 좋아하는 과일 사과 바나나 오렌지 ①. type radio로 지정 ②. name 라디오 버튼의 이름 같은 분류의 라디오 버튼은 같은 이름으로 지정해줍니다. ③. value 선택 항목들이 가지는 고유한 값 여기에..

Coding/HTMl, CSS 2023.05.29

[CSS] 반응형 웹사이트 만들기

반응형 웹사이트를 만들기 위한 방법은 크게 두가지로 나눌수있습니다. 1. CSS 미디어 쿼리 사용 2. 자바스크립트 사용 어떤것을 사용하더라도 반응형 레이아웃은 디바이스의 가로 너비를 기준으로 구분합니다. 하지만 디바이스마다 가로너비가 다르므로 비율에 따라 나누기도 합니다. 그 나누는 기준 위치를 중단점 (Break Point) 및 기준점 이라고 하며, 대표적으로 많이 사용되는 가로 해상도는 다음과 같습니다. 이 해상도들 중 어떤 가로 너비를 디바이스 별 중단점으로 사용하는지가 반응형 웹 레이아웃을 만드는 기준이 됩니다. 1. 최소 반응형 레이아웃 가장 많이 사용하는 기준입니다. 대부분 이 기준으로 미디어 쿼리를 작성합니다. /* 데스크탑 */ @media screen and (max-width:1023..

Coding/HTMl, CSS 2023.05.26