브래의 슬기로운 코딩 생활

Servlet & JSP Tomcat 서버 충돌 - 8080 or 1099 포트 사용 중으로 인한 오류 HTTP port 또는 JMX port 수정 Tomcat 10.1.x vs Tomcat 9.x.x Tomcat 10.1.x - servlet 6.x 지원 - jakarta 패키지 사용 - import jakarta.servlet.http.*; - import jakarta.servlet.annotation.*; Tomcat 9.x.x - servlet 4.x - javax 패키지 사용 - import javax.servlet.http.*; - import javax.servlet.annotation.*; build.gradle dependencies { compileOnly('jakarta.servle..

OSI 계층 모델 - 데이터 링크 계층의 오류/흐름 제어 ARQ 종류 - 정지 대기(Stop-and-Wait) ARQ - 연속적(Continuous) ARQ • Go-Back N ARQ • 선택적(Selective) ARQ - 적응적(Adaptive) ARQ 정지 대기(Stop-and-Wait) ARQ - 송신 측은 프레임 1개를 전송 후 수신 성공을 확인하면 다음 프레임을 전송하는 방식 - 수신이 실패하면 직전 프레임을 다시 보냄 • 실패의 확인은 NAK(Negative AcKnowledgement) 수신 또는 ACK(ACKnowledgement) 타임아웃(timeout)으로 판단 - Timeout은 일반적으로 RTT(Round Trip Time) X 1.5 - 오버헤드(Overhead)가 큼 - IB..

OSI 계층 모델 - LAN 망의 범위에 따른 분류 근거리 통신망(LAN: Local Area Network) - 동일 건물이나 지역에 설치된 컴퓨터와 단말기를 유기적으로 결합하는 형태 - 통신에 적합한 지역(최대 수 킬로미터)에서만 사용할 수 있는 제한된 통신망 - 데이터 전송속도가 매우 빠른 통신매체(수 Gbps)로 구성 - 오류 발생률이 낮음 광역 통신망(WAN: Wide Area Network) - 원격지 사이를 연결하는 통신망 - 연결 범위가 보통 10km 이상 - 각 노드의 연결이 점-대-점 접속 방식임 • 인공위성을 이용한 패킷 통신을 제외 LAN 개요 발전 과정 - 1970년대 초 제록스의 PARC에서 시작  이더넷(ethernet)으로 발전 - 1970년대 말부터는 LAN 제품이 본격적..

OSI 계층 모델 - 물리 & 데이터 링크 계층 OSI 7 계층 프로토콜* 계층 구조* - 7개의 계층으로 정의 - 각 계층 간에는 동일한 프로토콜을 사용 각 계층간 데이터 전달 - 최상위 계층(7계층 : 응용 계층)에서 발생한 데이터를 하위 계층으로 차례로 전달 - 처음의 데이터에 각 계층에서 전달받은 헤더(header, PCI: Protocol Control Information) 정보를 추가하여 전달 • 2계층(데이터 링크 계층)에서는 꼬리(trailer)도 함께 추가됨 - 최하위 계층(1계층 : 물리 계층)에 도달 - 수신부에서는 각 계층의 헤더에 해당되는 부분을 벗긴 후 상위 계층으로 전달 물리 계층 Physical Layer - OSI 참조 모델 7계층 중 최하위 계층인 첫 번째 계층(제1계층..

오늘부터는 본격적으로 리엑트를 배웠다. 일단 내가 만든 html에 리엑트를 추가 하는 것 부터 실습했다. https://ko.legacy.reactjs.org/docs/cdn-links.html https://ko.legacy.reactjs.org/docs/add-react-to-a-website.html create-react-app (CRA) ⁃리액트로 웹 애플리케이션을 개발하는 데 필요한 모든 설정이 되어 있는 상태의 프로젝트를 생성해 주는 도구 npx - execute npm package binaries - npm - node.js 의존성, 패키지 관리 (설치/삭제) - npx - node.js 패키지를 실행시키는 하나의 도구 패키지의 최신버전 파일을 불러와 설치/실행하고 사용 후에는 해당 패키..

이론 Framework & MVC Programming Framework 프로그램을 개발 하기위한 뼈대 MVC 프로그래밍 - 기존의 프로그래밍 방식에서 벗어나 화면과 코딩, 데이터베이스로 작업영역을 분리하여 처리하는 방식. 1) 디자인과 코딩의 분리로 디자인변경 및 유지보수 용이 2) 모듈화 및 정형화로 인해 협력 작업 가능 Blade 템플릿 엔진 Blade 파일 : 파일이름.blade.php 1. {{ 변수명 }} // 2. @if … @elseif … @else … @endif 3. @switch @case( 값 ) … @break @default … @endswitch 3. @for(초기값; 조건; 증감) … @endfor 4. @foreach($배열 as $변수) … @endforeach 5. @..

오늘은 유니티를 활용해 가상현실을 구현하는 것을 배웠다. 대략 중요한 소스만 포스팅 하겠다. 가상현실에서 마우스를 이용하여 360도 시야를 볼 수 있고 화면의 중앙(에임)이 특정 물체에 겹치면 카메라가 다른 장소로 이동하는 앱이다. Player의 위치는 Camera.main.transform.parent.position - 플레이어는 메인 카메라의 부모 / 즉 카메라가 곧 플레이어 (특정 물체에 부착하는 소스) public void OnPointerEnter() - 카메라 에임이 자신을 가리키면 public void OnPointerExit() - 카메라 에임이 자신을 벗어나면 GetComponent().material = ? - 자신의 material(색상)을 ?로 설정한다. public Transfo..

실습 이론 웹 개발(프로그래밍) 발전 동향 ➢ 웹 사이트 개발 ▪ 정적인 웹 페이지들로 구성된 웹 사이트 개발 ▪ 각 페이지는 HTML, 이미지들로 구성 ➢ 웹 애플리케이션 개발 등장 배경 ▪ 동적인 웹 페이지를 제공하거나 서버에 정보를 저장할 수 있는 기능에 대한 사용자들의 요구가 크게 증대 ▪ 정보를 요청하는 시점에서 작성된 코드를 실행하여 요청을 처리하고, 처리 결과를 클라이언트에게 제공함 (게시판 목록 정보, 정보 등록, 수정, 삭제) ➢ 초기 웹 애플리케이션 개발 ▪ 절차지향 프로그래밍 기법을 활용한 프로세스 기반 웹 애플리케이션 개발 ➢ 현재 웹 애플리케이션 개발 ▪ 객체지향 기법 또는 프레임워크를 활용한 멀티 스레드 기반 웹 애플리케이션 개발 - JSP : Servlet, Java, Spri..

다중화 기술 다중화 다중화 = Multiplexing, 다중화기=MUX(MUltipleXer) 하나의 통신로를 여러 가입자가 동시에 이용하여 통신 전송로 하나에 여러 개의 데이터를 같이 보냄 = 고속전송이 가능 전송로의 이용 효율이 매우 높음 경제적임 - 통신선로 비용 및 공사비 절감 - 유지보수가 용이 종류 - 주파수 분할 다중화(FDM: Frequency Division Multiplexing) - 시분할 다중화(TDM: Time Division Multiplexing) - 코드 분할 다중화(CDM: Code Division Multiplexing) - 직교 주파수 분할 다중 접속(OFDMA: Orthogonal Frequency Division Multiplexing Access) 주파수 분할 다중..

오늘은 비주얼 스튜디오 코드를 이용해 자바스크립트 복습을 했다. 아직 리엑트는 안하고 ES6라는 것을 배웠는데 솔직히 그건 뭔지 잘 모르겠더라 자바스크립트 문법인것 같았는데 제이쿼리 문법도 합쳐진? 제이쿼리도 안배워서 잘 모르겠지만 아무튼 문법은 이해해서 실습하는데 어려움은 없었다. 그래서 오늘 배운것이 무엇인지 알기 위해 지피티 좌에게 물어봐야 겠다. 요약하면, JavaScript는 웹 개발에서 사용되는 기본 언어이며, ES6는 JavaScript의 업그레이드 버전으로 문법 및 기능 개선을 제공합니다. jQuery는 JavaScript를 보완하여 DOM 조작과 이벤트 처리를 단순화하며, React는 사용자 인터페이스 개발을 위한 라이브러리로 컴포넌트 기반 아키텍처와 성능 최적화 기능을 제공합니다. 역시..