티스토리

레다솔의 자기계발
검색하기

블로그 홈

레다솔의 자기계발

redasol.tistory.com/m

레다솔 님의 블로그입니다.

구독자
0
방명록 방문하기
공지 네이버와 병행합니다 모두보기

주요 글 목록

  • [WSL] WSL에서 Vue 개발 서버 실행 후 외부 기기에서 접속하는 방법 (3000번 포트 기준) Vue 개발 환경을 WSL(Windows Subsystem for Linux)에서 구성했을 때,개발 서버에 Windows 브라우저나 다른 디바이스에서 접속이 안 되는 문제를 겪은 적 있다.이 글에서는 npm run dev로 실행한 Vue 서버를 Windows 및 같은 네트워크의 다른 기기에서도 접속 가능하도록 설정하는 방법을 정리한다.포트는 3000번을 기준. 알고보니 wsl 은 윈도우 내부에서 가상 머신으로 돌고 있으므로 포트 포워딩과 방화벽을 열어주지 않으면 볼 수 없었다. chatGPT의 도움을 받아 설정을 진행했다. 아래는 GPT에게 해당 방법을 포스팅 글 작성으로 부탁한 내용이다. 1. vite.config.js 수정WSL 프로젝트 폴더에 vite.config.js가 없다면 생성하고 아래처럼 작.. 공감수 0 댓글수 0 2025. 4. 14.
  • [HTML, js, konva] konva 사용할 때 메모리 누수 방지하기 https://stackoverflow.com/questions/70823980/konva-image-on-heroku-server-eats-rss-memory Konva Image on heroku server eats RSS Memory I have been working on a Discord bot to generate image attachments and send them into channels; and it all works a treat. However I have now encountered a problem in that when I use images, and in ... stackoverflow.com 해당 포스트를 참조했습니다. konva를 사용해서 버튼으로 메인화면 게임화면으로.. 공감수 0 댓글수 2 2023. 10. 5.
  • [HTML, javascript, konva] Konva 배경그림 넣기, onresize로 반응형 만들기 자바스크립트로 캔버스를 쉽게 사용할 수 있는 라이브러리 Konva를 알게되었다. Konva는 다음 사진처럼 계층도가 존재한다. stage는 모든 것을 관리할 루트 객체이며 캔버스는 Layer라고 생각하면된다. 먼저 stage를 정의하기 전에 html을 작성하자. container 가 konva stage가 될 것이다. resize를 이용한 반응형 캔버스를 만들기 위해서는 container가 아닌 stage-parent가 작아지고 커져야 stage가 크기 비율을 유지한다. 이제 js 파일에서 자바스크립트를 작성한다. var cw = 1280 var ch = 900; var stage = new Konva.Stage({ container : 'container', width : cw, height : ch,.. 공감수 0 댓글수 0 2023. 9. 26.
  • [php] 다중 배열을 특정 키 값으로 정렬하기 ( array_multisort ) https://www.delftstack.com/ko/howto/php/how-to-sort-an-array-of-associative-arrays-by-value-of-a-given-key-in-php/ PHP에서 주어진 키의 값으로 연관 배열 배열을 정렬하는 방법 이 기사에서는 PHP에서 주어진 키의 값으로 연관 배열의 배열을 정렬하는 방법을 소개합니다. 여기에는 array_multisort() 함수와 usort() 함수가 포함됩니다. www.delftstack.com 이 포스트를 참조했습니다. 웹 페이지에서 어느 정보를 불러올 때 DB에서 또는 다중 배열에서 특정 키로 정렬해서 보여줘야할 때가 있다. 필자는 DB에서 어느 값들을 가져왔는데 이 값들에서 관리자가 순서 번호를 지정했다. 그런데 단순하게.. 공감수 0 댓글수 0 2023. 8. 31.
  • [html, javascript] canvas에 이미지 삽입하기 화면에 원이 나타나고 원을 클릭하면 사라지는 기능을 가진 javascript 구문이 있다. 여기서 원이 사라지고 원 위치에 이미지가 나타나도록 하면 어떨까? 먼저 사진처럼 game/img 폴더에 이미지 3개를 넣었다. 원을 클릭하여 원이 사라지게 하는 함수에 다음 구문을 넣었다. // 이미지 src를 배열로 저장 var imageFiles = ["./game/img/image1.jpg", "./game/img/image2.jpg", "./game/img/image3.jpg"]; // 이미지 html요소 생성 var image = document.createElement("img"); // src는 배열에서 랜덤으로 뽑기 image.src = imageFiles[Math.floor(Math.random().. 공감수 0 댓글수 0 2023. 8. 8.
  • [html, javascript] 동일한 setInterval 반복 호출 막기 javascript에는 함수를 반복해서 수행시키는 기능이 있는데 requestAnimationFrame 과 setInterval 이 있다. requestAnimationFrame은 60 프레임 고정으로 프레임당 반복 호출이고 setInterval 은 사용자가 반복 호출하는 주기를 선택할 수 있다. 필자는 for문으로 캔버스에 여러 물체가 움직이도록 했는데 움직이는 스피드를 1로 해도 requestAnimationFrame 으로는 너무 빨랐다. 좀 더 느리게 하기위해 setInterval 을 사용해서 물체를 움직이는 함수의 호출 주기를 50ms 로 설정했다. 미니게임을 완료할 때 ReStart 버튼을 생성시켜 키보드 F5를 눌러 새로고침하지 않아도 미니게임을 다시 실행시킬 수 있도록 했다. 그런데 setI.. 공감수 0 댓글수 0 2023. 8. 8.
  • [PHP, HTML] 게시글에 이미지 파일 넣기 https://www.delftstack.com/ko/howto/php/how-to-create-a-folder-if-it-does-not-exist-in-php/ PHP에 폴더가없는 경우 폴더를 만드는 방법 이 기사에서는 PHP에 프로그래밍 방식으로 새 폴더가없는 경우 새 폴더를 작성하는 방법을 소개합니다. www.delftstack.com 위 포스트를 참조했습니다. 한빛소프트의 PHP 프로그래밍 입문을 보고 공부중이다. 폴더가 없을 경우에 생성이 되질 않아서 위 포스트를 보고 폴더 생성 구문을 추가했다. 게시글을 작성할 때 이미지 파일을 넣고 작성한 글을 볼 때 넣은 이미지파일이 보이게 하는 것을 실습해봤다. 일단 첨부파일을 넣는 란을 만드는 방법은 다음과 같다. 이미지파일1 파일이 등록되어 있음 삭.. 공감수 0 댓글수 0 2023. 7. 19.
  • [php, html] 게시글 수정하기 2023.07.13 - [Develop/PHP, HTML] - [PHP, HTML] php, html 코드로 게시글의 글 삭제 [PHP, HTML] php, html 코드로 게시글의 글 삭제 2023.06.14 - [Develop/PHP, HTML] - [PHP] mysql 테이블 데이터 삭제 [PHP] mysql 테이블 데이터 삭제 https://server-talk.tistory.com/282 MySQL - 테이블 데이터 삭제 - DELETE, TRUNCATE MySQL - 테이블 데이터 삭제 알아보기 - DEL redasol.tistory.com 이전 포스트에서 이어집니다. 한빛소프트의 php프로그래밍 입문을 보며 공부하고 있다. 이제 게시글을 수정하는 부분인데 코드를 들여다보면 수정 버튼을 누르면.. 공감수 0 댓글수 0 2023. 7. 14.
  • [PHP, HTML] php, html 코드로 게시글의 글 삭제 2023.06.14 - [Develop/PHP, HTML] - [PHP] mysql 테이블 데이터 삭제 [PHP] mysql 테이블 데이터 삭제 https://server-talk.tistory.com/282 MySQL - 테이블 데이터 삭제 - DELETE, TRUNCATE MySQL - 테이블 데이터 삭제 알아보기 - DELETE, TRUNCATE 이번 포스팅에서는 테이블 데이터 삭제에 대해서 알아보도록 하겠습니다 redasol.tistory.com 이전 게시글에서 이어집니다. 한빛소프트의 PHP프로그래밍 입문 책을 보며 공부하고 있다. 게시글을 작성하고 보고 삭제하는 것을 공부하면서 PHP 랑 HTML 코드가 정말 신기하다고 생각되고 있다. 현재 게시글은 다음 사진처럼 되어 있다. cmd로 mysq.. 공감수 0 댓글수 0 2023. 7. 13.
  • [php] URL 링크를 입력하고 사이트 썸네일 가져오기 ( og image ) https://hajoung56.tistory.com/38 [HTML&JSP] SNS에서 URL 공유시 미리보기meta 태그 링크를 SNS를 통하여 URL을 공유할 때 링크 상단에 썸네일, 타이틀, 설명 등 다양한 정보가 노출됩니다. 어떠한 정보들이 노출되며, 어떻게 설정을 할 수 있는지 확인해보고자 합니다. ​ 아래와 hajoung56.tistory.com https://stackoverflow.com/questions/44595876/cant-get-ogimage-php can't get og:image php I'm using this script to get the og:image tag from a website: function getFrontImage($url){ $page_content =.. 공감수 0 댓글수 0 2023. 7. 11.
  • [PHP] mysql 테이블 데이터 삭제 https://server-talk.tistory.com/282 MySQL - 테이블 데이터 삭제 - DELETE, TRUNCATE MySQL - 테이블 데이터 삭제 알아보기 - DELETE, TRUNCATE 이번 포스팅에서는 테이블 데이터 삭제에 대해서 알아보도록 하겠습니다 이전 글 : DataBases(데이터베이스) 의 등장배경과 사용하는 이유 - https: server-talk.tistory.com 이 포스트를 참조했습니다. 한빛 아카데미의 php 프로그래밍 입문 책에서 낙서장 - 댓글 추가 및 삭제 단락을 공부중이다. cmd에서 mysql 테이블의 특정 데이터를 삭제하려면 delete from 테이블이름 where num = 값 또는 delete from 테이블이름 where id = 'id' .. 공감수 0 댓글수 0 2023. 6. 14.
  • [PHP] php 코드로 mysql db 접속 한빛 아카데미의 php 프로그래밍 입문 책을 보며 공부중이다. 책 예제에서 제공하는 dbconn.php에 해당 구문이 쓰여있는데 db 접속은 인터넷 페이지를 구현하면서 수시로 수행하므로 lib 폴더에 넣어놓고 include 함수로 쉽게 불러서 db 접속을 수행하고 있다. 접속이되면 connect에 db 접속값이 안되면 die로 예외처리를 수행 공감수 0 댓글수 0 2023. 6. 14.
  • [PHP] 문자열을 특정 문자로 자르기 DB에서 핸드폰 번호나 이메일등 여러 문자열을 받아 특정 문자로 잘라서 저장하고 가공해야 할 일이 있을 수 있다. explode 함수를 쓰면되며 사용법은 $hp = explode("-", $row[hp]); $hp1 = $hp[0]; $hp2 = $hp[1]; $hp3 = $hp[2]; 와 같다. 어느 DB에서 hp에 해당하는 값을 가져와 -(하이픈)을 토대로 잘라 배열로 저장한다 라는 뜻이다. 공감수 0 댓글수 0 2023. 6. 13.
  • [PHP , HTML] 같은 프로젝트 내에서 다른 폴더의 파일, 스크립트를 불러오려면 PHP에서 다른 파일, 스크립트를 불러오려면 같이 작성하면된다. HTML에서 다른 파일, 스크립트를 부르려면 같이 작성하면 된다. 코드는 css 스크립트를 불러오는 코드다. 물론 다음과 같이 HTML안에서 PHP로 파일 스크립트를 부를 수 있다. ..... 파일을 부를 때 ./ 랑 ../ 가 있는데 ./ 는 해당 스크립트가 존재하는 폴더 내에서 찾는다 이고 ../ 는 해당 스크립트가 존재하는 폴더의 상위 폴더에서 찾는다 이다. 즉 이라는 코드는 현재 스크립트가 있는 폴더의 상위 폴더에서 lib폴더의 top_login2.php를 불러온다 라는 뜻이다. 공감수 0 댓글수 0 2023. 6. 13.
  • [HTML] 요소가 서로 같은 라인에 있지 않고 줄바꿈이 되었을 때 / 인풋 텍스트 박스와 버튼이 같이 있지 않아요! 한빛아카데미의 PHP 프로그래밍 입문 책(16년 개정판)을 보며 PHP와 HTML을 공부하게 됐다. 페이지를 만들어 보는 실습중에 사진처럼 닉네임을 입력하는 텍스트 박스와 닉네임 중복 확인을 위한 버튼이 같이 있지 않고 줄바꿈이 되어 당황했다. 작성한 코드는 다음과 같은데 무슨 문제일까 한참을 들여다보다가 위 사진의 아이디 부분을 보고 알아챘다. div id를 적는란의 nick에 번호가 빠진것이다. 즉 미리 css에서 지정한 id대로 작성하지 않은 것 이다. 다음과 같이 번호를 추가하면 한 줄에 같이 정렬되는 것을 확인했다. 옛날 책이다보니 오타가 너무 많다... 그래도 폼을 만들때 요소들이 같은 라인에 있게 하려면 css로 미리 지정한 것들에 맞춰서 div의 id를 숫자 순서대로 잘 작성해야 된다는 걸.. 공감수 0 댓글수 0 2023. 6. 13.
  • WSL2와 docker engine 설치하기 참조한 포스트 1. https://teang1995.tistory.com/19 [ Docker ] Windows에서 WSL + Ubuntu 이용해 Docker 사용하기 회사에서 쓸 일이 있어 Docker를 설치해야 한다. 사내망이어서 안 될 거 같았는데 Kubernetes를 사용하려면 결국 wsl+ubuntu는 갖추어져야 할 것 같아서 세팅을 해보기로 한다. 1. 기본 설정 검색 창에 win teang1995.tistory.com 2. https://docs.docker.com/engine/install/ubuntu/ Install Docker Engine on Ubuntu docs.docker.com 3. https://velog.io/@bbirong/Windows-10-WSL2-Ubuntu-Docke.. 공감수 0 댓글수 0 2023. 6. 7.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.