분류 전체보기

이번 포스트에서는 오토박싱(autoboxing)과 오토 언박싱(auto unboxing)에 대해서 알아보려고 한다. 자바의 자료형에는 크게 기본형 타입(Primitive Type)과 참조형 타입(Reference Type)이 있다.기본형참조형(Class Type)byteByteshortShortintIntegerlongLongfloatFloatdoubleDoublecharCharbooleanBoolean 참조형 타입(Rerences Type)의 종류에는 Class Type이 있는데 위의 표는 자바의 기본형 타입을 클래스로 감싼 래퍼 타입의 참조형 타입인 것이다. 오토 박싱은 기본 데이터 타입을 래퍼 클래스 객체로 자바에서 자동으로 변환하는 것을 말하고 오토 언박싱은 래퍼 클래스 객체에서 기본형의 타입으로..

도커에서 아파치와 톰캣을 띄운뒤 서로 연동해보는 테스트를 진행해 보겠다. 이번 테스트에서는 docker compose 같은 것들은 설정하지 않고 오직 아파치 이미지와 톰캣 이미지를 다운받아 띄운 뒤 서로 연동하여 정상적으로 접속되는지만 진행 할 것이다. 흐름은 client → apache(web) → tomcat(was) 이 흐름으로 요청이 전달될 것이다. 나는 아래와 같은 작업 순서를 가지고 진행할 것이다.아파치 컨테이너 띄우기톰캣 컨테이너 띄우기톰캣 컨테이너에 war파일 배포 후 접속 되는지 확인하기 (바로 was로 접속)아파치에서 필요한 설정 잡고 아파치를 통하여 톰캣으로 요청이 전달되는지 확인하기  1. 아파치 컨테이너 띄우기docker run -d --name test-web -p 80:80 h..

데이터베이스에 문자열 자료형을 저장할 수 있는 데이터 타입인 char, varchar 그리고 text의 차이에 대해 정리해보려고 한다.타입가변유무길이예시char고정형n 국가코드, 핸드폰번호, 사번 등...varchar가변형n 이름, 아이디, 주소 등...text가변형n 게시글 내용 등... 📌  고정형(char) vs 가변형(varchar, text)char와 varchar의 가장 큰 차이는 char는 고정형의 데이터 길이를 가지고 varchar는 고정되지 않는 가변형의 길이를 가지고 있다. 예를들어 char(5)로 설정을 하면 최대 5바이트의 크기의 문자열 저장이 가능하지만 3바이트로만 저장해도 5바이트의 공간을 항상 사용한다. 하지만 varchar(255)로 설정을 한다면 사용한 크기만큼 용량을 사..

외부 json 데이터를 화면에 출력해 볼 것이다. 출력해 볼 데이터와 경로는 아래와 같다. 출력할 데이터는 data.js란 파일의 이름으로 두고 App.js에서 아래 코드와 같이 data.js를 import한 후 반복문을 활용해서 출력하였다.import './App.css';import 'bootstrap/dist/css/bootstrap.min.css';import {useState} from "react";import {data} from './data.js';function App() { let [user, setUser] = useState(data); return ( user.map(function(a, i) { return ( ); ..

이번에는 리액트에서 게시글의 리스트처럼 반복문을 어떻게 구현하는지에 대한 내용이다. 일단 반복문은 자바스크립트 내장 함수인 map()을 이용해서 구현할 수 있는데 array뒤에 붙여서 사용이 가능하다.import './App.css';import {useState} from 'react';function App() { let [lang] = useState(['React', 'JSX', 'HTML', 'CSS']); return ( ReactBlog { lang.map(function(a, i) { return ( {lang[i]} 2024/06/11 ..

리액트에서 HTML태그를 분리하고 싶거나 자주 사용하는 태그들을 반복적으로 하나의 HTML로 보여주기 코드가 좀 더럽다(?) 싶으면 컴포넌트라는 것을 사용할 수 있다. 예시 코드는 아래처럼 쓸 수 있다.import './App.css';import { useState } from 'react';function App() { let [list, setList] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬 독학']); return ( ReactBlog {list[0]} 2월 17일 발행 {list[1]} 2월 17일 발행 ..

리액트에서 데이터를 저장하는 방법은 let data = '데이터'; 이런식으로 저장도 가능하지만 state라는 것을 이용해서 데이터 저장도 가능하다.import './App.css';import { useState } from 'react';function App() { let data = '블로그'; // 이렇게도 데이터 저장 가능 let [a, b] = useState('남자 코트 추천'); return ( ReactBlog {a} 2월 17일 발행 )}export default App; 위의 코드에서 '남자 코트 추천' 이라는 데이터를 state를 사용해서 데이터 저장을 하였는데, 일단 useSta..

리액트는 JSX를 사용한다. JSX란 JavaScript XML의 약자로 자바스크립트에서 XML을 추가한 문법이다. JSX를 사용하면 자바스크립트에서 HTML문법을 사용할 수 있게 된다. 1️⃣ class 넣을 땐 className으로import './App.css';function App() { return ( hello world );}export default App; 2️⃣ 변수를 넣을 때는 중괄호import './App.css';function App() { let data = 'hello world'; return ( {data} );}export default App; 3️⃣ style 넣을 땐 style={{스타일명:'값'}}impor..

일단 리액트를 올리기 위해서 node를 설치해야 하는데 설치는 아래 링크에서 하면 된다.https://nodejs.org/en/download/prebuilt-installer Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 설치가 완료되면 터미널을 열고 node --version 명령어로 설치된 노드 버전 확인 가능하다. 노드가 설치되었으면 vscode를 열고 터미널을 킨 다음 아래 사진과 같이 명령어를 입력한다.npx create-react-app [프로젝트명]  처음 설치는 시간이 조금 걸린다. 설치가 다 끝나면 왼쪽에 파일이랑 디렉토리가 생성된 것을 ..

MariaDB에서는 서버 활동의 기록을 위해 서버에 접속한 사람, 실행된 쿼리, 액세스 된 테이블 및 변경된 서버 변수등을 기록하는 감사 플러그인이 존재한다. 이 감사 플러그인은 MariaDB, Mysql에서 작동이 가능하며 MariaDB는  버전 10.0.10 및 5.5.37에 감사 플러그인을 포함하기 시작했다. 참고: https://mariadb.com/kb/en/mariadb-audit-plugin/ MariaDB Audit Plugin mariadb.com 📌 플러그인 설치플러그인 설치는 수동으로 진행해야하는데 DB의 재시작 없이도 가능하다.MariaDB [(none)]> show global variables like 'server_audit%';Empty set (0.00 sec) 기존에는 ..