+ 24

변수(Variable) - 2 (형 변환)

형 변환이란? 값의 타입을 다른 타입으로 변환하는 것으로 boolean을 제외한 기본형은 서로 형 변환이 가능하다. 자동 형 변환(묵시적 형 변환) 강제 형 변환(명시적 형 변환) 작은 자료형 → 큰 자료형 큰 자료형 → 작은 자료형 1. 자동 형 변환(묵시적 형 변환) 데이터 범위가 작은 자료형을 큰 자료형으로 변환 자동으로 형 변환이 이루어지기 때문에 따로 형변환을 하지 않아도 됨 정수형 byte b = 10; // 1byte short s = b; // 2byte int i = s; // 4byte long l = i; // 8byte 실수형 byte, short 타입의 데이터는 연산 시 무조건으로 int 타입으로 변환 후 처리 float, double은 표현 가능한 수의 범위가 더 크기 때문에 자..

+/Java 2023.11.21

변수(Variable) - 1

변수란? ☞ 하나의 값을 저장하는 공간 1 2 4 8 논리형 boolean 문자형 char 정수형 byte shrot int long 실수형 float double 1. 변수의 선언 [표현법] 자료형 변수명; 자료형은 어떤 값을 저장할지, 어떤 크기의 메모리를 할당 받을 지에 대한 정보 변수명은 변수의 이름으로 값을 읽고, 쓰고, 지우는 작업을 할 때 사용 2. 변수의 초기화 [표현법] 변수명 = 값(리터럴); 변수에 처음으로 값을 저장 '='는 오른쪽 데이터를 왼쪽의 변수에 대입(저장)하는 연산자 3. 기본 자료형(Primitive Type) 논리형: boolean(1byte) boolean isTrue; isTrue = true; boolean isFalse = false; isFalse = 1; /..

+/Java 2023.11.10

자바 기본 개념 짚고 가기

패키지란? 폴더를 만들어서 파일을 저장하고 관리하듯이 패키지를 만들어 클래스를 저장하고 관리 클래스를 유일하게 만들어주는 식별자 역할 모든 클래스는 하나의 패키지에 속하며, 패키지가 선언되지 않는 클래스는 자동적으로 이름 없는 패키지(default)에 속함 클래스란? 자바에서 모든 코드는 반드시 클래스 안에 존재해야 하며 서로 관련된 코드들을 그룹으로 나누어 별도의 클래스를 구성 클래스들이 모여 하나의 Java 프로그램을 구성 클래스 명은 클래스 파일명과 동일해야 함 메소드란? 클래스의 기능(동작)에 해당하는 구현 부분 해당 메소드 호출 시 메소드의 블럭( { } )에 해당하는 부분을 실행 실행 메소드(main 메소드) : 자바 프로그램 실행 시 java.exe에 의해 가장 먼저 호출 모든 클래스가 ma..

+/Java 2023.11.01

공공데이터 API 활용하기 (2) - 심화

지난번에는 데이터를 끌고 와서 자료가 잘 보이는지 확인했다면 오늘은 조금 더 심화해서 지역별로 선택하는 화면을 만들어 해당 지역 선택시 정보를 볼 수 있도록 한다. 1. 공공데이터 사이트 - https://www.data.go.kr/ 오늘 활용할 데이터는 기상청 중기예보 조회서비스 OpenAPI 정보에 참고문서를 보면 활용가이드가 첨부되어있는데, 열어보면 지점별로 번호가 지정되어 있다. 이 번호들을 활용해서 지점별 데이터 조회가 가능하다. 데이터 검색 후 활용신청 후 마이페이지 활용신청 현황에서 확인하고, 상세기능이 여러가지로 나누어져 있는데 4번 중기전망조회 기능을 사용해보겠다. 잘 보면 서비스 정보에 End Point에 URL이 명시되어 있는데, 상세 기능에 따라 URL뒤에 더 붙기 때문에 원하는 상..

+/Etc 2023.10.19

공공데이터 API 사용하기(1)

1. 공공데이터 포털 사이트 https://www.data.go.kr 원하는 데이터 검색 후 활용신청 > 마이페이지에서 승인여부 확인 승인되면 활용중인 서비스 들어가서 아래와 같이 정보 확인 가능함 End Point는 URL이라 생각하면 되고, 일반 인증키(Encoding)가 serviceKey에 들어가는 부분이다. 일반인증키를 파라미터값으로 serviceKey에 담아 넘기는 것으로, back단에서 처리할 때 url에 지정해주면 된다. 미리보기 누르면 End Point 부분에 serviceKey가 붙어서 url가 찍히는 것을 확인할 수 있다. 따라서 최종 URL은 https://apis.data.go.kr/1543061/animalShelterSrvc/shelterInfo?serviceKey="일반인증키..

+/Etc 2023.10.10

[springboot] 명령 프롬프트(cmd) 이용하여 빌드하고 실행하기(윈도우)

intellij에서 gradle을 통해 바로 서버를 실행할 수도 있지만 명령 프롬프트를 이용하여 빌드 후 실행하는 방법도 있다. 일단 돌리고 있는 서버가 있으면 localhost:8080을 중복해서 사용할 수 없으므로 종료 후 실행해야 한다. 1. 빌드하기 1-1) 실행하고자 하는 폴더 경로로 이동(cd ~) 1-2) graldew 1-3) gradlew build build가 되고 나면 실행하고자 하는 폴더 아래 build > libs에 두가지 jar 파일이 생성됨 2. 실행하기 해당 폴더 > build > libs로 이동하여 jar 파일 실행 java -jar hello-spring-0.0.1-SNAPSHOT.jar 입력 후 제일 아래 Started가 보인다면 실행 완료! localhost:8080으..

+/Spring 2023.09.26

[springboot] welcome page 만들기

spring boot에서는 welcome page라는 기능을 제공한다. 서버를 돌리고 localhost:8080으로 접속했을때 보이는 기본 페이지를 말하는 것이다. welcome page는 프로젝트의 src > main > resources > static 경로 내에 index.html로 작성하면 된다. 이렇게 index.html에 기본 화면을 html 파일로 작성하고 나서 서버 실행을 하면 localhost:8080으로 접속했을 때 기본 화면으로 설정한 index.html을 볼 수 있다! spring boot에서 기본적으로 제공하는 기본 내용들은 사이트에서 다 확인이 가능한데 https://spring.io/ 로 접속하여 projects > springboot로 이동하면 현재 사용하는 버전의 Refer..

+/Spring 2023.09.23

bootstrap 개별 component 단위로 적용

1. 설치 - npm install react-bootstrap bootstrap - package.json에 추가 2. import https://react-bootstrap.netlify.app/docs/getting-started/introduction css부분 사용하고 싶은 component 파일에 import 하 import 'bootstrap/dist/css/bootstrap.min.css'; 3. 경로 추가(router.js) - 부트스트랩 쓰고자 하는 파일은 Create.js - Home의 하위 경로가 아닌 별도 파일로 빼서 Video 등록 폼을 만들 예정 4. component 작업 https://react-bootstrap.netlify.app/docs/getting-started/i..

+/React 2023.09.21

router

기본화면에서 음료 목록(home) 출력 후 추가버튼 누를 시 음료명과 설명 추가할 수 있는 폼 추가하기 필요한 기능 크게 구분해보자면 1. 목록 보기 / 목록 화면에서 삭제 버튼 누르면 삭제되는 기능 (Home) 2. 추가 버튼 눌렀을 때 음료명과 설명 input 폼으로 이동하기 (Create) 3. 링크 이동을 위한 BrowserRouter, Routes, Route, Link (App) import 관련 import { BrowserRouter, Routes, Route, Link, useNavigate, } from "react-router-dom"; // NavLink는 Link랑 다르게 active 활성화 됨 import { useState } from "react"; import "./App...

+/React 2023.09.21

api 연결 후 카테고리 목록 띄우기

1. axios(서비스 기반 비동기 처리) 설치 - Terminal 에서 npm i axios 설치 2. 연결 경로 지정 - src > api > video.js (api 관리하는 파일 별도로 생성하여 지정) - 위에서 basURL로 지정한 경로는 카테고리 목록 select로 가지고오는 경로임 - 경로 관리하는 파일을 따로 만들어 export 했기 때문에 전역에서 사용 가능 - 카테고리 목록 받아올 component에서 import 후 사용하면 됨 3. Controller에서 CrossOrigin 추가 4. Home.js 에서 목록와서 보여주기 const [categories, setCategories] = useState([]); const categoryAPI = async () => { const ..

+/React 2023.09.20