mynote6676 개발자 노트

1. HTTP란 무엇인가? - HTTP의 정의HTTP(HyperText Transfer Protocol)는 보통 웹 브라우저(클라이언트)와 웹 서버가 데이터를 주고박기 위한 통신 규칙입니다. 간단한 비유카페에서 주문하는 것과 같습니다. 손님(클라이언트) -> "아메리카노 하나 주세요" -> 직원(서버) 손님(클라이언트) 2. HTTP의 핵심 특징 - 요청-응답 구조클라이언트가 먼저 요청(Request)을 보냄서버가 응답(Response)을 돌려줌항상 이 순서를 지켜야 함 -상태를 기억하지 않음 ( Stateless)매번 새로운 대화처럼 시작이전 요청을 기억하지 않음예 : 카페에서 매번 새 손님처럼 주문해야 함 3.HTTP 메시지 구조 요청 메세지GET / saerch?q=java HTTP..

1. Flexbox 속성으로 반응형 레이아웃(어떻게 배치하고 정렬) 준비하기 (1) flex-wrap: 요소를 줄바꿈하기flex-wrap 은 Flex Item이 한 줄에 모두 배치될지, 아니면 여러 줄로 나뉠지를 결정합니다.반은형 디자인에서 화면이 작아질 때 요소가 자동으로 줄바꿈되도록 설정하는 데 유용합니다.- nowrap : 한 줄에 모두 배치( 기본값)- wrap : 공간이 부족하면 줄 바꿈.- Wrap-reverse : 줄 바꿈하되, 줄 순서가 반대. 예제 1: flex-wrap으로 반응형 줄바꿈 1 2 3 4 5 설명- fiex-wrap:wrap;을 설정해 컨테이너의 너비를 초과하면 Flex Item이 자동으로아래..

CSS 레이아웃은 웹 페이지에서 요소들을 어떻게 배치하고 정렬할지를 결정하는 기술입니다.쉽게 말해, 웹 페이지라는 켄버스 위에 버튼, 이미지, 텍스트 같은 요소들을 원하는 위치에 예쁘게 배치하는 방법을 말합니다. Flexbox는 CSS3에서 도입된 레이아웃 모델로, 요소를 수평이나 수직으로 정렬하고 공간을 분배하는 데 매우 유용합니다. 과게에는 테이블 레이아웃이나 float 속성을 사용했지만 ,Flexbox를사용하면 훨씬 더 직관적이고 강력하게 레이아웃을 구성할 수 있습니다. 1. Flexbox의 기본 개념 이해하기Flexbox를 잘 사용하려면 몇 가지 기본 개념을 먼저 이해해야 합니다. (1) Flex Container와 Flex Item - Flex Container(플랙스 컨테이너) :Flexbo..

CSS의 transition 속성은 웹 요소의 스타일 변화를 부드럽게 만들어주는 강력한 도구입니다. 예를 들어, 버튼에 마우스를 올렸을 때 색상이 서서히 변하거나, 크기가 자연스럽게 커지는 효과를 줄 수 있습니다. 1. CSS Transition의 기본 구조 transition 속성은 요소의 스타일 변화를 부드럽게 전환(transition) 하도록 설정합니다.이 속성은 다음과 같은 4가지 주요 속성으로 구성됩니다. transition-property: 어떤 CSS 속성을 전환할지 지정합니다. (예 : width,opacity,backgroud-color등) transition-duration: 전환 효과가 얼마나 오래 지속될지 시간을 지정합니다.(예 : 2s = 2초) transition-timing..

package _server_socket.ch05;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.io.PrintWriter;import java.net.ServerSocket;import java.net.Socket;import java.util.Vector;/** * 1:N 양방향 통신을 구현하는 서버 측 코드 * 여러 클라이언트와 연결하여 메시지를 수신하고, 모든 클라이언트에게 * 브로드캐스트 처리 한다. */public class MultiNServer { private static final int PORT = 5000; // 포트 번호 5000번을 상수..

package _server_socket.ch02;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.io.PrintWriter;import java.net.ServerSocket;import java.net.Socket;/** * 서브측 코드 * 양방향 통신 구현 ( 1 : 1 채팅 ) */public class ServerFile02 { public static void main(String[] args) { // 준비물 // 1. 서버 소켓이 필요하다. 포트 번호 5000번 // 2. 입력 스트림 필요 함(클라이언트에 메세지 수..

단반향 통신이란 ? 단방향 통신은 한쪽 방향으로만 데이터를 전송하는 방식입니다. 이전 강의에서 서버 측 코드를 작성하여 클라이언트의 메시지를 받을 준비를 했습니다. 이번강의에서는 클라이언트 코드를 작성하여 서버로 메시지를 보내는 단방향 통신을 완성해보았습니다. |시나리오 코드1 - 클라이언트 측 프로그램 만들기|먼저 IDE my_client라는 이름으로 새 자바 프로젝트를 생성하세요.더보기import java.io.IOException;import java.io.PrintWriter;import java.net.Socket;public class ClientFile { public static void main(String[] args) { // 클라이언트가 서버로 데이터를 보내기 위한 준비..

=========================================서버 측 기본 코드 작성의 목적네트워크 프로그래밍을 시작하면서 가장 먼저 배워야 할 것은 서버와 클라이언트 간의 통신입니다.이번 강의에서는 클라이언트가 서버로 메시지를 보내는 단방향 통신을 구현하며, 서버 측 코드 작성의 기초릏 배웁니다.========================================== 단반향 통신이란?단방향 통신이란 한쪽 방향으로만 데이터를 전송하는 방식입니다. 서버 측 기본 코드를 작성하는 이유1. 네트워크 통신의 기초 이해서버는 네트워크 통신의 핵심 역할을 합니다.. 서버 측 코드를 작성하면서 다음 과정을 학습합니다.-서버 소켓(ServerSocket) 생성 : 네트워크 연결을 기다리는 소켓입니다.-..

소켓은 컴퓨터 네트워킹에서 매우 중요한 역할을 하며, 특히 자바 I/O에서 자주 사용됩니다. 1. 소켓(socket)이란?소켓은 네트워크 상에서 통신을 가능하게 하는 끝점을 의미합니다. 두 컴퓨터 간의 데이터를 주고 받기 위해사용되는 인터페이스로, 소켓을 통해 네트워크 연결을 설정하고 데이터를 송수신할 수 있습니다. 쉽게 말해.소켓은 네트워크를 통해 다른 컴퓨터와 대화하는 전화기 같은 역활을 합니다. (소켓은 사실 파일 개념과 같다.) 소켓은 물리적인 장치가 아니라 추상적인 개념의 약속입니다. 네트워크 통신을 위해 소프트웨어적으로 정의된 인터페이스로,컴퓨터 간의 데이터 교환을 가능하게 하는 규칙과 방법을 의미합니다. 이를 통해 네트워크 애플리케이션이 서로 통신할 수 있습니다.===============..

| 바이트 기반 스트림 + 보조 스트림(버퍼 스트림) 활용+ 를 기억하자!!!기반 스트림이 있어야 사용할 수 있다.bos.write(buffer,0,bytesRead); // --> (배열, 배열0번, 1024) 만큼 출력 스트림 package ch04;import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import java.io.InputStream;/** * 보조 기반 스트림에 대해서 알아 보자. * 기반 스트림이 있어야 사용할 수 있다. * (InputStream, InputStreamReader, OutputStream, OutputStreamWriter ) */ public class ByteBufferedKeyboard..