'전체 글' 740건

10대 여성의 패션의류 상품에 대한 트렌드 정보를 수집하는 함수를 작성해 봅시다.비주얼 스튜디오에서 새로운 파일을 만들고, 파일명을 'step_2_3.py'로 지정하세요. 다음 코드를 입력한 후 실행을 클릭하세요. 인스펙터의 Resume 아이콘을 클릭하면, 세부 카테고리를 자동으로 클릭하고 상품의 미리보기 이미지를 캡처하는 것을 확인할 수 있습니다.from step_1_2 import run_playwright # 이전에 작성한 모듈을 불러옵니다.from step_1_3 import goto_best_goodsfrom step_2_1 import select_category, select_optionsfrom step_2_2 import take_screenshotsdef fetch_trends_by_f..

프런트에서는 서버에서 보내는 채팅 데이터를 받을 소켓 이벤트 리스너가 필요합니다. chat.html 파일에 추가합니다.{% extends 'layout.html' %} {% block content %}{{title}}방 나가기 채팅 내용 {% for chat in chats %} {% if chat.user === user %} {{chat.user}} {% if chat.gif %} {% else %} {{chat.chat}} {% endif %} {% elif chat.user === 'system' %} {{chat.chat}} {% else %} {{chat.user..

JSP에서 변수를 사용하려면 자바 코드에서 선언합니다. 태그를 이용하면 변수를 대체할 수 있습니다. 변수 선언 형식은 다음과 같습니다.여기서 var은 변수 이름을, value는 변수에 저장할 값을, scope는 변수 스코프를 지정합니다(page, request, session, application 중 하나).그럼 태그로 변수를 선언한 후 값을 출력해 보겠습니다.1. 프로젝트의 WebContent 디렉터리 하위에 sec03 디렉터리를 만들고 실습에 관련된 JSP 파일을 만듭니다. 2. 먼저 member1.jsp를 작성합니다. 상단에 taglib 디렉티브 태그를 선언하고 태그를 이용해 회원 정보를 저장하는 변수를 선언한 후 값을 초기화합니다. 이때 태그의 value 속성은 표현 언어로 값을 설정할 ..

쇼핑 트렌드 보고서에는 인기 상품의 이미지도 삽입되어 있습니다. 이번에는 카테고리 메뉴 아래 개별의 상품의 미리보가 이미지를 캡처하는 코드를 작성해 봅시다. 상품 목록을 가리키는 CSS 셀럭터를 찾고, 이미지를 캡처하는 순서로 진행하겠습니다. 상품 목록 셀럭터 탐색비주얼 스튜디오 코드에서 'step_1_3_.py' 파일을 열고 실행 아이콘을 클릭하면, 크로미움 웹 브라우저와 인스펙터가 생성됩니다. '베스트상품' 페이지에서 크로미움 개발자 도구를 엽니다. 앞서 카테고리 셀렉터를 찾던 방식과 동일하게 상품 목록을 가리키는 셀렉터를 찾겠습니다. 01 검사 모드 아이콘을 클릭하고 상품의 미리보기 이미지를 클릭하세요. 02 개발자 도구의 [요소(Elements)] 탭에서 상품 이미지를 둘러싼 테그 구조를 태그 구..

이제 라우터 부분을 작성합니다. 라우터에서 몽고디비의 웹 소켓 모두에 접근할 수 있습니다.const express = require("express");const Room = require("../schemas/room");const Chat = require("../schemas/chat");const router = express.Router();router.get("/", async (req, res, next) => { try { const rooms = await Room.find({}); res.render("main", { rooms, title: "GIF 채팅방" }); } catch (error) { console.error(error); next(error); ..

기본 기능을 제공하는 코어 라이브러리를 사용해 보겠습니다. 아직 JSP에서는 변수 선언, 조건식, 반복문 기능은 자바 코드를 이용해서 구현합니다. 코어 라이브러리를 사용하면 이런 자바 기능을 태그로 대체할 수 있습니다. 톰캣에서는 JSTL 라이브러리를 기본으로 제공하지 않고 외부 라이브러리에서 가져와 기능을 수행합니다.따라서 자바의 import문처럼 코어 태그 라이브러리를 사용하려면 반드시 JSP 페이지 상단에 다음과 같이 taglib 디렉티브 태그를 추가해서 톰캣에게 알려주어야 합니다. 만약 선언하지 않으면 JSP 실행 시 오류가 발생합니다. 아래 표에 Core 태그 라이브러리의 기능을 수행하는 태그의 종류와 각각의 기능에 대해 정리했습니다. Core 태그 라이브러리 기능기능태그설명변수 지원JSP 페이..