코딩하는 IT개발자 로기

컴포넌트 배치컨테이너는 기본적으로 배치 관리자로 컴포넌트를 배치한다컨테이너에는 UI 컴포넌트들이 배치된다.대표적인 컴포넌트에는 버튼, 체크박스, 라디오 버튼, 콤 포, 리스트 등이 있다.배치 관리자는 좌표값으로 컴포넌트를 배치하지 않고, 컨테이너를 몇 개의 구획으로 나누어 하나의 구획에 하나의 컴포넌트를 배치해준다배치 관리자로 배치하게 되면 컨테이너의 크기가 사용자에 의해 변경되더라도 컴포넌트의 크기가 비율적으로 늘거나 줄게되어 배치 모양이 그대로 유지된다는 장점이있다. Layout Manager 컨테이너가 컴포넌트를 배치할 때에는 배치 관리자(Layout Manager)가 무엇이냐에 따라 달라진다.JWindow, JFrame, JDialog는 기본적으로 BorderLayout 배치 관리자를 사용하고,..

1) GlassPane GlassPane은 다른 패널 위에 존재하면서 기본적으로 숨겨져 있는 투명한 판이다 예시 코드import javax.swing.*;import java.awt.*;import java.awt.event.ItemEvent;import java.awt.event.ItemListener;import java.awt.event.MouseEvent;import javax.swing.event.MouseInputAdapter;/** An application that requires no other files. */public class GlassPaneDemo { static private MyGlassPane myGlassPane; /** * Create the GUI ..

Swing 소개 UI(User Interface) 프로그램은 윈도우, 메뉴, 버튼, 라디오, 리스트 등 시각적인 컴포넌트를 제공해서 사 용자와 상호작용하도록 돕는다.자바는 이러한 UI 프로그램을 개발할 수 있도록 JDK에서 JFC(Java Foundation Classes)를 제공한다. JFC는 UI 프로그램을 만들기 위한 클래스들의 모음으로, AWT(Abstract Window Toolkit)와 Swing(스윙) 을 제공하고 있다. AWT는 java.awt 패키지로, Swing은 javax.swing 패키지로 사용 가능하다. AWT는 여러 운영체제들이 공통적으로 가지고 있는 컴포넌트만 사용하므로 컴포넌트 수가 제한적이지만,Swing은 자바에서 직접 제공하는 컴포넌트이기 때문에 종 류가 매우 다양하다...

JDBC 개요 JDBC 라이브러리자바는 데이터베이스(DB)와 연결해서 데이터 입출력 작업을 할 수 있도록 JDBC 라이브러리 (java.sql 패키지)를 제공JDBC는 데이터베이스 관리시스템(DBMS)의 종류와 상관없이 동일하게 사용할 수 있는 클래스와 인터페이스로 구성 JDBC DriverJDBC 인터페이스를 구현한 것으로, DBMS마다 별도로 다운로드받아 사용DriverManager 클래스: JDBC Driver를 관리하며 DB와 연결해서 Connection 구현 객체를 생성Connection 인터페이스: Statement, PreparedStatement, CallableStatement 구현 객체를 생성하며, 트랜잭션 처리 및 DB 연결을 끊을 때 사용Statement 인터페이스: SQL의 D..

네트워크 기초 네트워크네트워크: 여러 컴퓨터들을 통신 회선으로 연결한 것LAN: 가정, 회사, 건물, 특정 영역에 존재하는 컴퓨터를 연결한 것WAN: LAN을 연결한 것 = 인터넷 서버와 클라이언트서버: 서비스를 제공하는 프로그램을클라이언트: 서비스를 요청하는 프로그램먼저 클라이언트가 서비스를 요청하고, 서버는 처리 결과를 응답으로 제공 IP 주소IP 주소: 네트워크 어댑터(LAN 카드)마다 할당되는 컴퓨터의 고유한 주소ipconfig(윈도우), ifconfig(맥OS ) 명령어로 네트워크 어댑터에 어떤 IP 주소가 부여되어 있는지 확인프로그램은 DNS를 이용해서 컴퓨터의 IP 주소를 검색 Port 번호운영체제가 관리하는 서버 프로그램의 연결 번호. 서버 시작 시 특정 Port 번호에 바인딩 I..

입출력 스트림 입력 스트림과 출력 스트림프로그램을 기준으로 데이터가 들어오면 입력 스트림, 데이터가 나가면 출력 스트림프로그램이 다른 프로그램과 데이터를 교환하려면 양쪽 모두 입력 스트림과 출력 스트림이 필요바이트 스트림: 그림, 멀티미디어, 문자 등 모든 종류의 데이터를 입출력할 때 사용문자 스트림: 문자만 입출력할 때 사용자바는 데이터 입출력과 관련된 라이브러리를 java.io 패키지에서 제공바이트 입출력 스트림의 최상위 클래스는 InputStream과 OutputStream문자 입출력 스트림의 최상위 클래스는 Reader와 Writer 바이트 출력 스트림 OutputStreamOutputStream은 바이트 출력 스트림의 최상위 클래스로 추상 클래스모든 바이트 출력 스트림 클래스는 이 Outpu..

Vue.js에서 v-model 디렉티브는 폼 입력 요소와 데이터를 양방향으로 바인딩하는 강력한 기능입니다. 이를 통해 사용자 입력과 Vue 인스턴스의 데이터를 쉽게 동기화할 수 있습니다.v-model의 기본 개념v-model은 내부적으로 v-bind와 v-on의 조합으로 동작합니다. 이는 다음과 같은 방식으로 작동합니다:v-bind: Vue 인스턴스의 데이터를 HTML 요소에 연결v-on: HTML 요소의 이벤트를 Vue 인스턴스의 로직과 연결예를 들어, 는 내부적으로 다음과 같이 처리됩니다:지원하는 폼 요소v-model은 다양한 폼 요소에서 사용할 수 있으며, 요소 유형에 따라 다르게 동작합니다:v-model의 특징양방향 바인딩: 데이터가 변경되면 UI가 업데이트되고, 사용자 입력으로 UI가 변경되면 ..

케밥 표기법, 카멜 표기법, 파스칼 표기법은 프로그래밍에서 중요한 네이밍 컨벤션입니다. 이러한 표기법들은 코드의 가독성과 일관성을 유지하는 데 도움을 줍니다. 각 표기법에 대해 더 자세히 알아보겠습니다.케밥 표기법(Kebab Case)케밥 표기법은 모든 단어를 소문자로 작성하고 단어 사이를 하이픈(-)으로 연결하는 방식입니다.특징:모든 단어는 소문자로 표기단어 사이는 하이픈(-)으로 연결예: "user-name", "background-color", "reasons-to-build-a-blog"주요 사용 분야:HTML 속성 및 태그 이름CSS 클래스명과 IDURL 경로(SEO에 유리함)COBOL, Lisp, Perl 6 등의 프로그래밍 언어REST API 엔드포인트장점:가독성이 높음URL에 사용 시 검색..

첫번째카운트 업 버튼을 클릭시 1씩 증가하여 횟수가 올라가는 버튼을 만들어보면. 클릭하면 카운터가 올라갑니다. {{count}}회 카운터 업 카운터 다운 입력하고 라이브 서버로 열어보면 두번째 이번에는 카운터 버튼을 업 다운 두개의 버튼을 만들어 업버튼을 누르면 1씩 증가하고 다운 버튼을 누르면 1씩 감소하는 프로그램을 만들어보면 클릭하면 카운터가 올라가고 내려갑니다. {{count}}회 카운터 업! 카운터 다운! 코드를 입력하고 라이브서버로 열면

v-bind태그의 속성을 데이터로 지정할 때에는 v-bind​# v-bind는 자주 쓰이는 디렉티브로 생략이 가능하다. v-bind대신 " : "만 써도 가능하다.​img 태그의 src를 데이터로 지정>"> 이미지를 지정하는 예 >">직접지정 v-bind로 지정​코드를 작성하면 > 이미지가 화면에 출력이된다.​​링크 지정a 태그의 링크를 data: 의 프로퍼티로 URL을 지정 할 수 있다.​html>"> ​링크 지정 예제) 링크를 직접 지정 링크를 v-bind로 지정 ​​코드를 입력하고 라이브 서버로 열면 링크지정하는 창이 나온다, 우측 정렬, 좌측 정렬, 가운데 정렬 지정 블록 태그에서 align 요소 지정 우측 정렬 우측정렬 직접 지정 우측정렬을 v-bind 로..

Vue 인스턴스el 옵션 : 어떤 HTML 요소와 연결할지를 지정한다.data 옵션 : 어떤 데이터가 있는지를 지정한다.​# 머스테시(Mustache)는 콧수염이라는 의미이다. 중괄호 기호 { }를 옆으로 눕히면 콧수염처럼 보여서 머스태시라고한다.​​예제 .1) Hello를 출력해보면HTML {{ myText }} 하면 출력 값은 Hello!! 라고 나온다.. 2) v-text 데이터를 v-text로 표시하는 예제 ​앞에와 같이 Hello!!! 가 출력된다.​ 3) v-html HTML로 표시하는 예제 {{ myText }} 코드를 출력 해보면 ​Hello!!!Hello!!!​Hello!!!​로 출력이 된다. v-html로 지정한 경우는 HTML 태그가 유효하게 표시되는 것..

Vue.js - 자바스크립트 프레임워크 중 하나- 초보자도 간단하게 웹 페이지에 인터랙티브한 기능을 추가하는 것이 가능한 라이브러리 입니다.​SPA(Single Page Application)- 웹 페이지 하나에 여러 가지 기능을 넣어서 " 하나의 페이지로 동작하는 웹 어플리케이션"을 SPA라고 합니다.​프레임워크 - 복잡한 내용을 간단히 미리 규격화/모듈화 해둔 도구​프레임워크 사용시 - 기본 자바 스크립트에서 사용할 수 없던 문법이나, 입력방식들을 사용할 수 있게 되고, 타 플러그린을 통해 UI 컴포넌트나 스타일, 추가 기능 등을 불러다 쓰는 것도 가능해진다.​자바스크립트 프레임워크 - Vue/React/Angular​Vue.js : 데이터와 뷰를 연결해주는 역할MVVM : Model View Vie..