멋쟁이v의 개발일지

목차 1. 소켓 통신이란 2. php 소켓 서버 3. 파이썬 서버 대기 4. 통신 과정 1. 소켓 통신이란 소켓 통신은 네트워크에서 두 컴퓨터 간의 양방향(bi-directional) 연결을 가능하게 하는 기술입니다. 소켓은 일반적으로 IP 주소와 포트 번호의 조합으로 정의되며, 클라이언트와 서버 사이에 지속적인 연결을 제공합니다. - 소켓 통신은 지속적인 "연결" 상태를 유지하며 양방향 데이터 전송이 가능합니다. - 실시간 채팅 애플리케이션 등에서 사용자 간 실시간 상호작용을 위해서는 보통 WebSocket 같은 기술(소켓 기반)을 사용하게 됩니다. 1. 데이터 교환: 소켓을 사용하여 클라이언트와 서버 간에 데이터를 주고받을 수 있습니다. 이를 통해 애플리케이션은 실시간으로 정보를 공유하고, 파일 전송..

목차 1. LED Blink 2. 타이머 인터럽트로 LED Blink 3. 외부 모듈 인터럽트(EXTI) STM32f3-discovery 보드로 LED 제어를 해보겠다요. 일단 새 프로젝트를 열고 Board Selector 메뉴에서 검색 후 프로젝트를 연다. 프로젝트를 생성하고 나면 자동으로 핀이 맵핑 되어있는걸 볼 수 있다. 여기서 LED는 밑에 8개가 있다. GPIO 설정 쪽에서 확인 할 수도 있다. 이 상태에서 저장(Ctrl + s)를 하면 설정되어 있는대로 코드를 생성해준다. 코드가 생성 되었다면 main.c 에 있는 코드에서 GPIO.Init 함수 부분에 HAL_GPIO_WritePin(GPIO 포트, 핀이름, 상태) 함수가 정의 되어있다. WritePin 함수를 사용해도 되지만 우리는 Togg..

Recommended restaurants 검색된 레스토랑이 없습니다. 추가해주세요. Find your next favorite restaurants with help of our other users! We found restaurants. Uploaded by N2T

01. 익스프레스JS02. 익스프레스 설치03. 익스프레스 서버 생성04. 사용자 데이터 구문 분석05. 파일에 데이터 저장06. 파일 데이터 읽기07. 노드몬08. 메소드 정리 01. 익스프레스JS💡노드JS에서는 타사 패키지를 설치하기 위한 내장된 매커니즘이 있다. 터미널 → npm 명령노드 패키지 관리자의 약자설치되는 추가 명령인 추가 도구타사 패ㄱ키지 설치하는데 도움이 되는 명령어 npm init → 시스템의 이 표준 폴더를 노드JS관리 프로젝트로 전환 02. 익스프레스 설치💡npm install express 🗣익스프레스 미들웨어➡️ 요청과 응답 중간에서 동작하는 것요청 오브젝트(request), 응답 오브젝트(response), 미들웨어 함수에 대한 콜백함수모든 코드 실행요청 및 응답 오브젝트에..

01. 노드JS란?02. 터미널에서 node.js 실행03. 서버 생성04. 요청 & 응답 생성 01. 노드JS란?💡모든 컴퓨터에 설치할 수 있는 자바스크립트 런타임 ➡️ 이를 통해 브라우저 외부에서 자바스크립트 코드를 실행 할 수 있다.자바스크립트와 노드JS 코드를 통해서 파일 시스템 또는 DB에 접근하는 코드를 실행 02. 터미널에서 node.js 실행💡node [파일명] ➡️ 터미널컴퓨터와 소통하는 인터페이스 같은 역할노드js는 브라우저에서 실행 할 수 없다.명령창에서 자바스크립트 코드를 실행 할 수 있다. 03. 서버 생성💡➡️ require(’http‘);요청과 응답을 처리하는데 도움이 되는 특정 기능을 제공 → HTTPhttp 객체 반환 ➡️ http.createServer();서버 생성매개변..

비동기통신 fetch - 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 수행 - fetch() : let promise = fetch(url, [option]); - option에 아무것도 넘기지 않으면 요청은 GET 메서드로 진행됨 - 응답시 단계 - 1단계 : 서버에서 응답헤더를 받자마자 fetch호출 시 반환되는 promese가 내장 클래스 Response의 인스턴스와 함께 이행 - (아직 본문(body) 도착하기 전 상태, 개발자는 응답 헤더를 보고 요청이 성공적으로 처리되었는지 아닌지 확인) - (http 상태는 응답 프로퍼티를 사용해 확인 status: http상태코드, ok: 불린값 http상태코드가 200~299사이일 경우 true) - 2단계 : 추가 메서드를 호출해 응답 본..

인접관계 선택자 실습 실습1 실습. 아래의 버튼 클릭시 클릭한 대상의 행을 제거하도록 하시오. 행제거 행제거 행제거 실습2 실습. .cBtn 클릭시 해당 행의 .text 객체에 텍스트 요소를 ksamrt 로 변경하도록 하시오. innerText - > .text(); > (인수가 있다면 인수로 하위요소 교채, 없다면 하위 요소값 가지고 오기) innerHTML - > .html(); > (인수가 있다면 인수로 하위요소 교채, 없다면 하위 요소값 가지고 오기) 클릭해주세요. 클릭 클릭해주세요. 클릭 클릭해주세요. 클릭 실습3 실습. #allCheck 클릭시 선택이 되었다면 .checks 요소 전체 선택, 해제가 되었다면 .checks 요소 전체 선택 해제 되도록 하여라. 또한 #delCheckBtn 클릭시..

상품코드 상품명 상품가격 판매자 ===판매자를 선택해주세요.=== ID :::: 이름 수정완료 입력취소 2️⃣Mapper ➡️ 1) 상품코드별 상품을 조회하는 쿼리를 작성한다.2) 인터페이스와 xml을 연결시켜준다.[코드]GoodsMapper.java// 상품코드별 상품조회 public Goods getGoodsByCode(String goodsCode);[코드]GoodsMapper.xml /* 상품코드별 상품조회 */ SELECT g.g_code, g.g_name, g.g_price, g.g_seller_id, g.g_reg_date FROM tb_goods AS g WHERE g.g_code = #{goodsCode}; 3️⃣Service ➡️ 1) 리턴이 Goods 타입인 메소드를 선언한다.2) M..

판매자아이디 판매자이름 판매자이메일 판매자주소 상품코드 상품명 상품가격 상품등록일자 3️⃣Mapper ➡️ 1) 판매자 1명은 여러개의 상품을 가질 수 있기 때문에 1:N 관계가 된다.2) Member.java(dto) → private List goodsList; 를 추가한다.3) Mapper.xml → resumltMap에 Member와 Goods를 1:N 관계 맵핑해준다. (collection 사용)4) 판매자별 상품 목록을 조회하는 쿼리를 만든다.[코드] GoodsMapper.java// 판매자별 상품 목록 조회 public List getSellerList();[코드] GoodsMapper.xml /* 판매자별 상품 목록 조회 */ SELECT m.m_id, m.m_name, m.m_email,..

// 컨텐츠 레이아웃 조각내에 searchFragment2 조각 삽입 상품코드 상품명 상품가격 판매자아이디 판매자이름 판매자이메일 상품등록날짜 수정 삭제 /* 타임리프 문법으로 그려질 화면 */ 2️⃣Controller ➡️ 상품목록 화면을 보여주기 위해 주소요청을 한다. (goodsList.html 생성)➡️ 화면목록조회 메소드의 매개변수에 데이터를 전달 받는다.[코드]Controller.javapackage ex.mybatis.controller; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframe..