분류 전체보기(24)
-
HTML에서 여러 동영상을 연속으로 재생하기(video tag)
Tauri로 새로운 윈도우 어플리케이션 프로젝트를 시작하면서 프론트엔드를 Sveltekit, 백엔드는 Rust로 두고 작업을 하던 중에 여러개의 영상 파일을 차례대로 재생할 컨트롤이 필요해서 만들었습니다. onMount만 Sveltekit과 관련있습니다. 다른 환경에서는 유사한 것으로 대체해서 사용하시면 됩니다. 1. /asset/media 폴더에 재생할 영상 파일과 해당 파일들읠 이름을 담고 있는 playlist.json을 넣습니다. 2. 해당 컴포넌트가 열리면 /asset/media 폴더의 playlist.json 파일을 읽어서 재생할 미디어 파일 목록을 가져옵니다. 3. 2에서 생성한 playlist의 영상을 차례대로 재생합니다.(끝까지 재생한 경우 다시 처음으로 돌아갑니다.) +Page.svelt..
2023.09.18 -
sveltekit / 500 Internal Error, ReferenceError: localStorage is not defined 해결 방법
sveltekit에서 window, localStorage, location 등을 쓰려고만 하면 500 Internal Error가 발생하는데 원인을 못 찾고 헤메다가 며칠만에야 원인을 알았습니다. SSR... 아래에 해결 방법과 출처를 붙여둡니다. https://www.okupter.com/blog/sveltekit-window-is-not-defined
2023.09.06 -
자바스크립트에서 날짜를 YYYY-MM-DD 포맷으로 출력
date 컨트롤에 날짜를 넣으려고 찾아보다 'toISOString()'을 발견하여 사용했습니다. 그런데 어느날 날짜가 안 맞아서 보니 이게 UTC 시간을 반환하고 있었습니다. 날짜를 적절한 포맷으로 출력해주는 내장 함수가 있을거라 생각하고 찾아봤는데 안보이네요. 저와 같은 상황을 겪는 분들이 있을 것 같아 올려둡니다. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date - HTML: HyperText Markup Language | MDN elements of type="date" create input fields that let the user enter a date, either with a textbox that validat..
2023.05.09 -
Node 에서 Oracle DB 사용하기
1. Oracle Instant Client 설치 아래의 사이트를 방문해서 OS에 맞는 프로그램을 다운로드 받고 설치하시면 됩니다. https://www.oracle.com/kr/database/technologies/instant-client/downloads.html Oracle Instant Client Downloads | Oracle 대한민국 죄송합니다. 검색 내용과 일치하는 항목을 찾지 못했습니다. 원하시는 정보를 찾는 데 도움이 되도록 다음을 시도해 보십시오. 검색에 사용하신 키워드의 철자가 올바른지 확인하십시오. 입력 www.oracle.com 2. oracledb 설치 npm install oracledb 3. db 정보 파일 생성 db에 대한 정보를 포함하는 파일을 별도로 만들어줍니다...
2023.04.25 -
Node 19 + Oracle Instant Client를 사용하는 Docker 파일 만들기
Node 19 + Oracle Instant Client + Express를 사용해서 만들어놓은 웹서버를 구동하는 Docker 파일입니다. 프로젝트를 다운로드 받은 후에 'docker_generate_image.bat', 'docker_generate_container.bat'를 차례로 실행하면 이미지와 컨테이너를 생성해서 동작하도록 만들었습니다. 로컬에서 만든 간단한 작업물을 다른분들께 전달했을 때 쉽게 사용할 수 있도록하려고 만들었으나 Docker Desktop 유료화로 인해... Podman에서는 제대로 동작하지 않은데 원인은 못 찾았습니다. 찾게되면 기록을 남겨두겠습니다. 도커파일 Dockerfile # Dockerfile # node 19 + oracle instant client FROM no..
2023.04.25 -
go fiber 'Hello World' 프로젝트 시작
https://gofiber.io/ Fiber An Express-inspired web framework written in Go. gofiber.io go fiber 프로젝트를 한 번 해보려는데 처음부터 뭐가 안됩니다;; 그냥 'server.go' 파일만 만들어서 실행해보려고 하니 안되네요. 열심히 구글링해서 찾은 'Hello World' 프로젝트 시작 방법을 기록으로 남겨둡니다. 1. 작업용 폴더 생성, 이동 mkdir hello_world 2. 작업용 폴더 생성, 이동 cd .\hello_world\ 3. server 모듈 생성 go mod init server 4. fiber 모듈 추가 go get github.com/gofiber/fiber/v2 5. 'server.go' 파일 생성 packa..
2023.04.12