나의 개발 이야기

1. 언어 설정 확인2. *.js 파일을 인식할 수 있도록 속성을 추가3. xml 외부 리소스 다운 받을 수 있도록 설정옵션을 활성화하면 XML 편집기가 DTD(Document Type Definition)나 XSD(XML Schema Definition) 같은 외부 리소스를 참조할 때 자동으로 해당 리소스를 다운로드.4. Java 컴파일러 버전과(21) 인스톨되어 있는 JRE 버전 맞추기

JDK ​JDK는 Java Development Kit의 약자로, 자바 언어를 이용한 소프트웨어 개발을 위한 프로그래밍 도구들의 모음입니다. 이것은자바 컴파일러(javac), 자바 런타임 환경(JRE), 문서 생성 도구(javadoc) 등 다양한 도구를 포함하고 있습니다. JDK를 통해 개발자들은 자바 언어로 작성된 코드를 컴파일하고, 실행하며, 디버깅할 수 있습니다.과거에는 많이 사용 되었던 OracleJDK 하지만2023년 기준 아마존 JDK인 corretto가 이 점유율을 넘어섰습니다. 1. 설치하기아래 주소로 접속하여 다운로드 받을 수 있습니다.https://aws.amazon.com/ko/corretto/?filtered-posts.sort-by=item.additionalFields.creat..

학습 목표!!!1. 아파치 톰캣을 실행 시켜 보자. 2. 톰캣 안에 구성되어 있는 각각에 폴더들을 살펴 보자. 3. 서블릿과 JSP 파일 만들어 보기 1. 아파치 톰캣을 실행 시켜 보자  2. 톰캣 안에 구성되어 있는 각각에 폴더들을 살펴 보자[Tomcat 설치 폴더] ├── bin # 실행 가능한 스크립트 및 실행 파일 ├── conf # 구성 파일 ├── lib # 톰캣 및 웹 애플리케이션에 필요한 라이브러리 ├── logs # 로그 파일 ├── temp # 임시 파일 ├── webapps # 웹 애플리케이션 파일 (WAR 파일 및 압축 풀린 애플리케이션) └..

학습 목표!!!아파치 톰캣(Apache Tomcat) 설치 방법을 알아 보자. JSP 프로그래밍은 아파치 톰캣 (10.1.xx) 버전을 사용합니다.아파치 톰캣(Apache Tomcat)은 자바 서블릿과 JSP(JavaServer Pages)를 실행할 수 있는 웹 애플리케이션 서버입니다.  https://tomcat.apache.org/ Apache Tomcat® - Welcome!The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Auth..

구글에 sts 검색다운로드 후 실행(jar파일)폴더 안에 exe파일 실행형태는 이클립스와 다를게 없는데 아래 툴을 설치 해야함자바 스크립트 확장자 추가 이후 설정은 이클립스 설치 메뉴얼의 환경 설정 참고https://kyeong-hoon.tistory.com/4

웹 브라우저 MySQL 검색 비밀번호는 반드시 반드시 기억해 놓아야 한다!!!

깃허브 주소 : https://github.com GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea... github.com 깃 랩 주소 : https://about.gitlab.com The most-comprehensive AI-powered DevSecOps platform From planning to production, bring teams ..

테마 설정- window-preferences-general-dark모드-apply 글꼴 변경 언어셋 설정- enc 검색(전부 UTF-8 설정)

https://github.com/naver/nanumfont GitHub - naver/nanumfont Contribute to naver/nanumfont development by creating an account on GitHub. github.com 폰트 주소 https://hangeul.naver.com/font 네이버 글꼴 모음 네이버가 만든 150여종의 글꼴을 한번에 만나보세요 hangeul.naver.com d2코딩폰트 주소 https://github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont development by creat..

Eclipse는 다양한 프로그래밍 언어를 지원하는 오픈 소스 통합 개발 환경(IDE)입니다. 자바, C, C++, PHP, Python 등 많은 언어를 위한 패키지가 제공됩니다. 플러그인 아키텍처 덕분에 개발자는 필요에 따라 기능을 추가하거나 수정할 수 있습니다. 이런 유연성 덕분에 Eclipse는 전 세계 개발자들 사이에서 널리 사용되고 있습니다. https://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, includi..

1. HTTP 메세지에서 이진 데이터와 텍스트 형태텍스트 기반 ( MIME TYPE - text/plain )POST /example HTTP/1.1Host: example.comContent-Type: text/plainContent-Length: 13---- CLRF 빈줄 공백 --------Hello 이진데이터 ( MIME TYPE - application/octet-stream )POST /example HTTP/1.1Host: example.comContent-Type: application/octet-streamContent-Length: 5---- CLRF 빈줄 공백 --------01001000 01100101 01101100 01101100 01101111application/octet-..

1. 프로젝트 기본 구성회원가입: 사용자가 회원가입을 할 수 있는 기능회원탈퇴: 사용자가 회원탈퇴를 할 수 있는 기능로그인 및 로그아웃: 사용자가 로그인하고 로그아웃할 수 있는 기능회원 관리 기능게시판 기능 게시글 작성, 수정, 삭제: 사용자가 게시글을 작성, 수정, 삭제할 수 있는 기능게시글 조회: 사용자가 게시글 목록을 조회하고 상세 내용을 볼 수 있는 기능댓글 작성 및 삭제: 게시글에 대한 댓글을 작성하고 삭제할 수 있는 기능페이징 처리게시글 목록 페이징: 게시글 목록을 페이지 단위로 나누어 볼 수 있는 기능2. 비기능적 요구사항Dynamic Web Project: 이클립스에서 Dynamic Web Project로 설정하여 개발(lib 직접 설정)톰캣 10.1.25 환경: 톰캣 10.1.25 버전을..

1. JSTLJSTL 이란?JSTL (JavaServer Pages Standard Tag Library)는 JSP에서 자주 사용하는 기능들을 쉽게 사용할 수 있도록 미리 정의된 태그 라이브러리이다. JSTL은 표현 언어(EL), 조건 처리, 반복 처리, 포맷팅, XML 처리 등을 위한 태그를 제공한다. 이를 통해 JSP 코드의 가독성을 높이고, 비즈니스 로직을 JSP에서 분리할 수 있다.JSTL 라이브러리 종류1. Core Tags: JSTL의 Core 태그 라이브러리는 가장 기본적인 조건문, 반복문, 변수 지원 등을 포함한다. 주로 데이터 조작 및 제어 흐름을 처리하는 데 사용된다. : 조건문을 처리하는 태그., ,  : 다중 조건문을 처리하는 태그. : 반복문을 처리하는 태그. : 변수 값을 설정하..

1. MVC 패턴이란?MVC (Model-View-Controller) 패턴은 소프트웨어 설계 패턴으로, 애플리케이션을 세 가지 주요 구성 요소인 모델(Model), 뷰(View), 컨트롤러(Controller)로 나누어 구현하는 방식을 말한다. 이를 통해 코드의 재사용성과 유지보수성을 높이고, 역할과 책임을 명확히 분리하는데 목적이 있다. 소프트웨어 설계 패턴소프트웨어 개발에서 자주 발생하는 문제를 해결하기 위해 검증된 재사용 가능한 솔루션이다.설계 패턴은 객체 지향 설계 원칙을 따르며, 다양한 상황에서 사용될 수 있는 일반적인 템플릿을 제공한다.(디자인패턴이라고도 한다)주요 소프트웨어 설계 패턴생성 패턴 (Creational Patterns) : 객체 생성 메커니즘을 제공하여 코드의 유연성을 높인다...

1. DB 관련 세팅demo6 DB 생성create database demo6;use demo6;create table posts( id int auto_increment primary key, title varchar(255) not null, content text not null, created_at timestamp default current_timestamp);select * from posts;com/tenco/servelet/DBUtil.javaDB 접근 객체 만들어 보기 (기본)package com.tenco.servlet;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLExc..

1. 샘플 연습 홈 소개 서비스 연락처 수평 및 수직 정렬된 아이템 카드 1 카드 내용 1 카드 2 카드 내용 2 카드 3 카드 내용 3 카드 4 카드 내용 4 카드 5 카드 내용 5 카드 6 카드 내용 6

💡 학습 목표!!Flex 아이템의 속성을 이해하고 사용할 수 있다.Flexbox 레이아웃에서 각 아이템의 순서, 크기 및 정렬을 제어할 수 있다.order, flex-grow, flex-shrink, flex-basis, flex, align-self 속성의 사용 목적과 상황을 파악할 수 있다.Flex 아이템 속성 사용 목적order: 아이템의 표시 순서를 제어하여 중요도에 따라 배치 순서를 변경하기 위해 사용합니다. 즉, 중요도에 따라 순서를 변경하거나 특정 아이템을 맨 앞이나 맨 뒤에 배치할 때 사용할 수 있습니다.flex-grow: Flex 컨테이너 내의 남은 공간을 아이템들이 비율에 맞게 차지하도록 하기 위해 사용합니다. 또는 여러 아이템이 있고, 특정 아이템이 더 많은 공간을 차지해야 할 때 ..

1. 교차축 정렬이란?Flexbox 레이아웃에서 교차축(cross axis)은 주 축(main axis)에 수직인 축을 의미한다. 교차축 정렬은 이 축을 따라 Flex 아이템들을 배치하는 방법이다. 주 축이 수평 방향일 때 교차축은 수직 방향이 되고, 주 축이 수직 방향일 때 교차축은 수평 방향이 된다. 교차축 정렬을 위해 두 가지 주요 align-items와 align-content 속성을 사용한다.1. align-itemsalign-items 속성은 Flex 컨테이너 내의 개별 Flex 아이템들을 교차축을 따라 정렬한다. Flex 컨테이너의 높이와 관계없이 각 아이템의 위치를 지정할 수 있다.flex-start: 아이템들을 교차축의 시작 부분에 정렬한다.flex-end: 아이템들을 교차축의 끝 부분에..

1. justify-content 속성이란justify-content 속성은 Flex 컨테이너 내에서 주 축(main axis)을 따라 아이템들을 정렬하는 방법을 정의한다.flex-start: 아이템들을 주 축의 시작 부분에 정렬한다 (기본값).flex-end: 아이템들을 주 축의 끝 부분에 정렬한다.center: 아이템들을 주 축의 가운데에 정렬한다.space-between: 첫 번째 아이템은 시작 부분에, 마지막 아이템은 끝 부분에 정렬하고, 나머지 아이템들은 사이에 고르게 분포시킨다.space-around: 아이템들 주위에 고르게 여백을 분포시킵니다. 아이템 간의 여백은 동일하지만, 첫 번째 아이템과 마지막 아이템의 바깥 여백은 내부 여백의 절반이다.space-evenly: 모든 아이템들을 사이의 ..

1. flex-wrap 속성이란?flex-wrap 속성이란 Flex 컨테이너 내의 아이템들이 주 축을 따라 한 줄에 배치될지, 아니면 여러 줄에 걸쳐 배치될지를 결정한다. flex-wrap 속성에는 아래와 같은 값을 사용할 수 있다.nowrap : 기본값으로, 모든 아이템을 한 줄에 배치한다. 아이템들이 컨테이너의 너비를 넘어서도 한 줄에 계속 배치된다.wrap : 아이템들을 여러 줄에 걸쳐 배치한다. 주 축을 따라 공간이 부족하면 자동으로 줄 바꿈이 일어난다.wrap-reverse : 아이템들을 여러 줄에 걸쳐 반대 방향으로 배치한다. wrap과 동일하게 줄 바꿈이 일어나지만, 아이템들이 반대 방향으로 쌓인다.2. 시나리오 코드 flex-wrap:nowrap(기본값) 아이템1 아이템2 아이템3 ..