전체 글 301

[CSS] flex-direction 속성이란?

💡주 축(main axis)과 교차 축(cross axis) flex-direction: row, row-reverse, column, column-reverse  FlexBox의 두 개의 축flexbox 레이아웃의 정렬을 이해하는데 가장 중요한 역할을 하게 된다.주축( main axis)의 방향과 교차축 (cross axis )의 방향을 결정하는 flex-direction 이라는 속성이 있다.flex-direction의 기본값은 row입니다.주축 방향(main axis) : Flex container에 선언된 flex-direction의 값에 따라 자식 요소인 flex item이 나열되는 방향이다. flex-direction:row 인 경우는 주축이 수평이 되고 flex-direction:column..

CSS 2024.07.01

JAVA -> MySQL 연결을 위한 MySQL Connector설치

mysql --version 입력해주면 지금 쓰고 있는 버전을 확인 할 수 있다https://www.mysql.com/ MySQLOver 2000 ISVs, OEMs, and VARs rely on MySQL as their products' embedded database to make their applications, hardware and appliances more competitive, bring them to market faster, and lower their cost of goods sold. Learn More »www.mysql.comDOWNLOADS에 들어가서여길 클릭해서설치하고 압축해제하기! lib 파일 만들어주고 넣으면 끝!

설치 메뉴얼 2024.07.01

[CSS] Flexbox란?

웹 페이지의 요소들을 유연하게 배치하려면 먼저 CSS 레이아웃 방식에 대한 이해가 필요하다.그 중에서 먼저 HTML 박스 모델과 블록 및 인라인 요소 또는 인라인블록 속성의 개념을 이해하는 것이 선행되어야 웹 페이지 레이아웃을 자유롭게 다룰 수 있다.  박스 모델이란?HTML 박스 모델은 웹 페이지의 모든 요소를 사각형 박스로 취급하는 개념이다.이 박스는 여러 개의 레이어로 구성되며, 각 레이어는 요소의 크기와 간격을 정의되거나 정의할 수 있다.콘텐츠(Content): 텍스트나 이미지 등 실제 내용이 들어가는 부분이다.패딩(Padding): 콘텐츠와 테두리 사이의 여백이다. 패딩은 콘텐츠 주위에 투명한 공간을 추가한다.테두리(Border): 패딩과 마진 사이의 영역으로, 요소의 경계를 나타낸다. 테두리는..

CSS 2024.07.01

[JSP] 아파치 톰캣 시작과 폴더 구조 확인

[Tomcat 설치 폴더] ├── bin # 실행 가능한 스크립트 및 실행 파일 ├── conf # 구성 파일 ├── lib # 톰캣 및 웹 애플리케이션에 필요한 라이브러리 ├── logs # 로그 파일 ├── temp # 임시 파일 ├── webapps # 웹 애플리케이션 파일 (WAR 파일 및 압축 풀린 애플리케이션) └── work # JSP 컴파일된 파일 및 임시 데이터 저장소bin (바이너리): 실행 가능한 스크립트 및 실행 파일이 포함된 곳. 여기에는 톰캣을 시작하고 중지하는 스크립트 등이 있다.conf (구성): 구성 파일이 있는 곳..

[JSP] WAS와 웹 컨테이너의 역할

💡WAS와 웹 컨테이너에 대한 개념을 알아 보자. 웹 컨테이너가 하는 일을 살펴 보자. 웹 컨테이너란? 웹 컨테이너는 WAS의 일부로, 서블릿과 JSP를 실행하고 관리하는 역할을 한다.웹 컨테이너는 웹 애플리케이션의 요청과 응답을 처리하며, 서블릿과 JSP의 라이프사이클을 관리한다.서블릿 코드 살펴 보기import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServle..

[JSP] 웹 서버와 웹 애플리케이션 서버(WAS)

💡1웹 서버에 대한 개념을 이해하자. 2. 웹 애플리케이션 서버(WAS) 대한 개념을 알자. 웹 서버란? - 정적 콘텐츠 제공자 웹 서버는 클라이언트(주로 웹 브라우저)로부터 HTTP 요청을 받아 정적인 HTML 파일, 이미지, CSS 파일 등을 제공하는 서버. 웹 서버는 요청된 리소스를 클라이언트에게 그대로 반환한다. 웹 서버는 일반적으로 특정 폴더(웹 루트 디렉토리)에 정적 콘텐츠를 저장한다. 클라이언트의 요청이 들어오면, 웹 서버는(컴퓨터) 이 폴더에서 요청된 파일을 찾아서 클라이언트에게 전달한다. 가장 유명한 웹 서버로는 아파치 HTTP 서버(Apache HTTP Server)와 Nginx가 있다.도서관에서 사서에게 특정 책을 요청하면, 사서는 책장에 있는 책을 찾아서 여러분에게 그대로 전달합니..

[MySQL] 📗 DML, DDL, DCL 이란?

DML 이란? (Data Manipulation Language) - (데이터 조작어)데이터베이스에 들어 있는 데이터를 조회하거나 검색하기 위한 명령어를 말한다. SELECT INSERT UPDATE DELETE DDL 이란?  (DDL : Data Definition Language) - (데이터 정의어)테이블과 같은 데이터 구조를 정의하는데 사용되는 명령어들로 (생성, 변경, 삭제, 이름변경) 데이터 구조와 관련된 명령어들을 말한다. CREATE ALTER DROP RENAME TRUNCATE TRUNCATE는 SQL에서 사용하는 명령어로, 테이블의 모든 데이터를 빠르고 효율적으로 삭제하는 데 사용된다. TRUNCATE 명령어는 테이블 내의 데이터를 삭제할 때 DELETE 명령어보다 훨씬 빠르게 작..

MySQL/MySQL 기본 2024.06.10

[MySQL] MySQL 계정 생성 및 권한

MySQL에서 새 사용자 계정을 생성하고, 해당 사용자에게 데이터베이스 권한을 부여하는 과정은 데이터베이스 보안과 관리의 중요한 부분이다. 이러한 과정을 통해 각 사용자가 접근할 수 있는 데이터를 통제하고, 시스템을 보다 안전하게 유지할 수 있다.  계정을 생성 및 권한 부여 방법(버전에 따라 방식이 조금 달라졌다.)사용자 생성: 먼저 CREATE USER 명령을 사용하여 사용자를 생성하고 비밀번호를 설정한다.권한 부여: 사용자 생성 후, GRANT 명령을 사용하여 해당 사용자에게 권한을 부여한다. 권한 부여의 범위 전체 권한 부여: 사용자에게 모든 데이터베이스의 모든 테이블에 대한 모든 권한을 부여한다. 이는 매우 강력한 권한이며 주로 데이터베이스 관리자에게 부여된다.특정 데이터베이스에 대한 권한 부여..

MySQL/MySQL 기본 2024.06.10

[MySQL] 💻 SQL 쿼리의 일반적인 처리 순서

FROM 절가장 먼저 실행되며, 쿼리에서 참조하는 테이블 또는 뷰를 식별한다. 여러 테이블이 조인되는 경우, 이 절에서 어떻게 테이블들이 결합되는지 정의된다.ON 절조인이 수행될 때 사용된다. FROM 절에서 정의된 테이블들이 결합하는 방식을 구체적으로 명시한다. 이 절은 조인 조건을 평가하여 조인할 행을 결정한다.JOIN여러 테이블을 조합할 때 사용되며, ON 절 다음에 평가된다. 지정된 조인 조건에 따라 행들이 결합된다.WHERE 절FROM 절에서 생성된 결과 테이블에 대해 필터링 조건을 적용한다. 이 조건은 개별 행에 대해 평가되며, 조건을 만족하는 행만이 다음 단계로 전달된다.GROUP BY 절조건을 만족하는 행들을 그룹화한다. 이 절은 특정 열 또는 열의 조합을 기준으로 데이터를 요약하는 데 사..

MySQL/MySQL 기본 2024.06.10