국비지원 51

230425 CSS: white-space, word-break 속성

부트스트랩의 table-success 를 분류 부분에만 적용 white-space: nowrap word-break: keep-all; vertical align: middle; 아이디 비밀번호 회원명 이메일 전화번호 우편번호 주소1 주소2 주소3 주소4 포인트 2 3 4 5 6 7 8 9 0 0 white-space HTML 요소 내의 공백(whitespace) 처리 방법을 정의하는 CSS 속성. 공백 문자(스페이스, 탭, 줄바꿈)의 처리 제어 가능 normal: 기본값, 연속된 공백 문자를 하나의 공백으로 처리, 줄바꿈 문자(개행)를 무시 nowrap: 연속된 공백 문자를 하나의 공백으로 처리, 줄바꿈 문자(개행)를 강제로 무시하지 않음. pre: 연속된 공백 문자를 유지, 줄바꿈 문자(개행)도 유지..

230420 프로젝트 WebSocket 채팅 - WebSocket 세션과 HTTP 세션의 차이

WebSocket 양방향 통신을 지원하는 컴퓨터 네트워크 통신 프로토콜의 하나 주로 웹 브라우저와 웹 서버 간의 실시간 데이터 통신을 위한 기술로 사용됨(ex. 채팅, 온라인 게임, 주식 시세 업데이트 등) HTTP 프로토콜과 달리, 클라이언트와 서버 간에 지속적인 연결을 제공하여 데이터를 실시간으로 교환 가능케 함 WebSocket API 및 프로토콜을 사용하여 클라이언트와 서버 간의 연결을 설정 및 유지 ※ 웹소켓은 특별한 경우가 아니면 클라이언트와 서버 간의 세션을 별도로 설정하지 않음!!! 우리가 받아오던 HTTP session는 다르다.!!! HTTP HTTP 프로토콜 기반, 클라이언트와 서버 간 요청-응답 모델 각 HTTP 요청마다 새로운 세션을 생성해야 함, 세션은 요청 간에 유지되지 않음 ..

230419 프로젝트 중 생긴 궁금증 - 직렬화, JSON, getElementById()와 querySelector()의 차이

직렬화 직렬화(Serialization)란 자바 시스템 내에서 사용하는 객체 또는 데이터를 자바시스템 외에서도 사용할 수 있도록 Byte 형태로 데이터를 변환하는 기술이다.(파일로 만든다고 보면된다.) Byte로 변환된 데이터를 다시 자바의 객체로 변환하는 기술을 역직렬화(Deserialization)라고 한다. 객체를 바이트 스트림으로 바꾸는 것, 즉 객체에 저장된 데이터를 스트림에 쓰기write 위해 연속적인serial 데이터로 변환하는 것이다. 직렬화의 주된 목적은 객체를 상태 그대로 저장하고 필요할 때 다시 생성하여 사용하는 것 JSON 데이터 유형 및 예시 JSON은 파싱 또는 직렬화 없이도 JavaScript 프로그램에서 사용할 수 있습니다. JSON은 JavaScript 객체 리터럴, 배열,..

230412 WebSocket 채팅 - 각종 어노테이션 공부

@PathVariable은 RESTful API에서 URL 경로의 일부를 추출하고, @DestinationVariable은 WebSocket에서 STOMP 메시지의 목적지를 추출하는 데 사용됩니다. 즉, @RestController는 HTTP 응답 본문에 직접 데이터를 쓰고자 할 때 사용되며, @Controller는 HTML 뷰를 생성할 때 사용됩니다. , @EnableWebSocket은 순수한 WebSocket 프로토콜만 사용하고, @EnableWebSocketMessageBroker는 STOMP 프로토콜을 사용하고 메시지 핸들링을 지원하는 WebSocket 서버를 구성하는 데 사용됩니다. Webjars-locator-core는 웹 자원을 로딩할 때 필요한 리소스 경로를 계산하기 위해 WebJars를 ..

230410 Kotlin 기초- Java File to Kotlin File 변환

자바 클래스 파일-오른쪽 마우스 클릭- java to kotlin Convert Java File to Kotlin File package com.study.springboot.entity import javax.persistence.Entity import javax.persistence.Id @Entity data class Dept(@Id val deptno: String, val dname: String, val loc: String) { override fun toString(): String { return "Dept(deptno= '$deptno' dname= '$dname', loc='$loc')" } } https://codechacha.com/ko/kotlin-elvis-operatio..