IT News 243

install nodejs in ubuntu server (Nodejs 우분트 서버에 설치하기)

#delete the new package source sudo rm /etc/apt/sources.list.d/nodesource.list #update apt, fix the install, remove nodejs and the nodejs-doc packages sudo apt --fix-broken install sudo apt update sudo apt remove nodejs sudo apt remove nodejs-doc Then install node & npm normally # Then install node & npm normally curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt-get inst..

IT News/Computer 2023.09.26

홈페이지에서 찾아오는 길을 티맵으로 연결하기

홈페이지와 같은 웹페이지에서 찾아오시는 길 페이지에서 지도를 연결할 때에는 일반적으로 구글맵으로 연결합니다. https://developers.google.com/maps/gmp-get-started?hl=ko Google Maps Platform 시작하기 | Google for Developers 의견 보내기 Google Maps Platform 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 페이지에서는 Google Maps Platform의 API 및 SDK를 사용하기 위한 기본 필 developers.google.com 티맵이나 카카오내비와 같은 네비게이션 어플로 연결을 하려면 위도 경도의 좌표를 알아야 합니다. 좌표값을 알아내가 위해서는 구글지도 (ht..

텔레그램 링크 미리보기(preview) 업데이트

텔레그램 메신저를 사용할때 링크를 올리면 링크정보를 읽어서 보여주게 되는데요. 텔레그램 링크가 홈페이지 링크를 올리게 되면 처음에 읽어진 정보가 나중에도 그대로 보여지게 됩니다. 그런데 나중에 링크의 메타 정보를 변경했을때에 텔레그램에서는 변경된 정보가 아닌 처음 정보를 보여주게 됩니다. HTML 소스 코드중에 위와 같이 head 태그안에 meta 태그로 들어가는 정보가 링크 preview 정보로 들어가게 됩니다. 그런데 텔레그램에서 링크 정보를 업데이트 하기 위해서는 아래의 링크를 눌러서 텔레그램의 웹페이지봇으로 들어가서 링크 정보를 주면 새롭게 링크 정보가 업데이트가 됩니다. https://telegram.me/webpagebot Webpage Bot You can contact @webpagebot..

IT News 2023.08.05

유튜브 영상을 iframe 으로 가져갈때 높이가 가로가 자동으로 조절되도록하는 CSS 코드와 태그

일반적으로 유튜브에서 유튜브 영상을 퍼가기 하면 자동으로 가로와 높이가 조절이 않됩니다. 가로를 100%으로 CSS 를 적용해도 세로 사이즈 조절이 않되는 문제가 있습니다. 그래서 세로 사이즈를 jQuery 나 오리지널 자바스크립트 등을 사용해서 높이를 계산해서 하는 경우가 있는데요. 이러한 경우에도 문제가 있습니다. 스크립트가 실행될때 가로나 높이 계산이 잘 않되는 경우가 있기 때문입니다. 물론 드물게 일어나는 현상이지만 완벽하다고 보기는 어렵습니다. 그러나 아래의 코드로 하면 반응형으로 유뷰트 영상이 비율이 잘 유지되어 나타납니다. 저처럼 유튜브 영상 높이 조절문제 해결방법을 찾으시던 분들에게 도움이 되셨으면 좋겠습니다. CSS코드 HTML 코드 iframe 의 src 에 유튜브 링크 주소를 넣어주세..

IT News 2022.12.23

크롬 쿠키 삭제, 캐쉬 및 사용기록 삭제 방법

요즘에 쿠키에 토큰 정보를 저장하는 로그인 방식을 사용하기도 하는데요. 그 뿐만 아니라 크롬 브라우저를 사용하면서 인터넷 사용기록을 삭제하기 위한 방법이 간혹 필요할 때가 있습니다. 인터넷 사용기록을 남에게 보여주기가 싫을 때도 사용기록을 삭제하기도 하지만 '캐쉬된 이미지와 파일들'이 문제가 되기도 합니다. 캐쉬된 이미지는 한번 브라우저에서 데이터가 로딩이 되면 웹브라우저에 표시되는 이미지 파일의 이름이 바뀌지 않는 이상은 캐쉬된 이미지를 다시 로딩하지 않게 됩니다. 따라서 지금 보이는 이미지가 새로운 이미지가 아닌 변경전의 이미지인 경우도 있습니다. 물론 파일 이름을 동일한 상태에서 변경된 이미지가 웹서버에 업로드 한 경우에 해당됩니다. 캐쉬된 이미지나 쿠기를 삭제하기 위해서는 크롬 브라우저 우측 상단..

IT News 2022.11.14

우분투에서 L2TP VPN 연결을 설정하는 방법

요즘에는 VPN 으로 접속할 때 L2TP 방식을 사용하지는 않는데요. 드물지만 L2TP VPN 으로 접속할 경우가 있어서 그 사용법을 공유하고자 합니다. 처음에 VPN 을 추가하면 L2TP (Layer 2 Tunneling Protocal) 은 보이지 않게 되는데요. 옵션을 활성화 시키려면 아래의 명령어를 실행하세요. $ sudo add-apt-repository ppa:nm-l2tp/network-manager-l2tp $ sudo apt-get update $ sudo apt-get install network-manager-l2tp network-manager-l2tp-gnome 위의 명령어를 실행하시면 VPN 추가할때에 L2TP 를 선택하실 수 있습니다.

Ubuntu 22.04 에서 Apache, MySQL, and PHP 설치하기

1. 아파치(Apache) 설치 $ sudo apt update && sudo apt -y upgrade - 아파치 설치 $ sudo apt install -y apache2 웹브라우저에서 http://localhost/ 로 접속하면 아래의 이미지와 같은 페이지를 확인 할 수가 있습니다. 2. 데이터베이스(DB) 설치 - mysql 을 설치할 경우에 $ sudo apt install -y mysql-server - mariadb(마리아DB)를 설치할 경우에 $ sudo apt install -y mariadb-server mariadb-client - 디비 암호 및 원격접속 등 보안관련 설정 $ sudo mysql_secure_installation 위의 명령어를 실행해서 디비 root(루트) 암호를 설..

IT News 2022.05.08

Free Mysql Client (DB Connect) in Ubuntu 무료 우분트 디비 클라이언트

우분투에서 무료로 사용할 수 있는 Mysql DB 클라이언트 프로그램을 소개합니다. 비버 아이콘 모양의 무료 SQL 클라이언트 입니다. 우분투 소프트웨어에서 dbeaver 로 검색하고 설치를 하시면 됩니다. 프로그램을 실행하고 데이터베이스 커넥션을 추가할 수가 있는데요. 마리아 디비, 오라클 디비, MySQL 등 다양한 디비를 접속할 수가 있습니다. 디비 종류를 선택하고 디비 정보가 맞으면 디비 커넥션에서 디비에 접속할 수 있어요. #무료 #디비 #클라이언트 #우분투 #Ubuntu #Free #DB #Client

LG전자 울트라PC 14Z960/14ZD960 m.2 SSD 교체

얼마 전 지인이 LG 노트북 울트라PC 노트북을 가져왔는데요. 윈도우가 정상적으로 부팅이 되지 않아서 LG 서비스 센터에 갔더니 저장장치인 SSD가 불량이라고 하였습니다. 교체를 하고 운영체제까지 설치를 해주는데 비용이 비싸기 때문에 자체 교환을 하기로 하였습니다. SSD 는 예전에는 2.5인치를 사용했지만 현재는 M.2 SSD 를 많이 사용이 되고 있습니다. 찾아보니 LG 노트북 울트라 노트북도 M.2 방식을 사용하고 있는데요. 그래서 삼성 860 EVO 250GB M.2 를 구매했습니다. 노트북 하판의 나사들을 제거해보면 아래의 이미지와 같은 모습을 볼 수 있는데요. 다만 LG노트북이 얇은 편이라서 분리하는게 조금 어려웠습니다. M.2 SSD 를 장착하는 곳은 노트북 우측의 중간 부분인데요. 위의 보..

IT News/Computer 2022.04.29

윈도우11 에서 플러터(Flutter) 설치하기 : Desktop development with C++

플러터를 리눅스가 아닌 윈도우에서 설치를 해보았습니다. 우선 git 이 필요한데요. url 로 이동하여서 설치합니다. 참고로 회색으로 표시된 경로는 참고적으로 넣어 둔 내용이며, 녹색은 한글 설명 이외에 추가적으로 영문 설명을 적은 것입니다. 그리고 빨간색은 경로가 명령어를 적어둔 것이므로 이 부분을 가장 중요하게 보시면 됩니다. [install git] url) https://git-scm.com/download/win path) C:\Program Files\Git 그리고 플러터를 설치합니다. C 드라이브에 src 라는 폴더를 만들고 그 경로에 플러터를 다운받았습니다. 그러면 플러터는 C:\src\flutter 폴더에 파일들이 있으며 실행파일은 bin 폴더에 있습니다. [install flutter]..