본문 바로가기
반응형

IT/Web31

Vue.js 소개 본 게시물은 ChatGPT 를 사용하여 작성하였습니다. Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 자바스크립트 프레임워크입니다. 개발자가 쉽게 강력하고 동적인 웹 애플리케이션을 만들 수 있도록 설계되었으며, 간단하고 유연하며 직관적인 특징을 가지고 있습니다. 이 블로그 포스트에서는 Vue.js의 개요, 주요 기능 및 프론트엔드 웹 개발에 대한 장점을 소개합니다. Vue.js란 무엇인가요? Vue.js는 사용자 인터페이스를 구축하기 위한 프로그레시브 자바스크립트 프레임워크입니다. 2014년 Evan You에 의해 만들어졌으며, 간단함과 유연성으로 인해 프론트엔드 웹 개발자들 사이에서 인기를 얻고 있습니다. Vue.js는 반응형 프레임워크이므로 데이터가 변경될 때 UI가 자동으로 업데이트되어 개.. 2023. 3. 27.
AI 는 인류에게 실존적 위협이 될 수 있다. Chat GPT 편향성. 이글은 다음 영상을 보고 정리한 글입니다. https://kr.theepochtimes.com/머스크-ai는-인류에게-실존적-위협-될-수-있다-트루_644093.html 머스크 “AI는 인류에게 실존적 위협 될 수 있다” [트루스 오버 뉴스] - 에포크타임스 안녕하십니까, 여러분. ‘Truth Over News’에 오신 걸 환영합니다. 지난 12월 중순, 저희는 ‘OpenAI’에 대해 다뤘습니다. 구글에 도전하기 위해 ... kr.theepochtimes.com Open AI 는 구글에 도전하기 위해 일론 머스크와 샘 올트먼이 2015년에 설립한 연구 기관이다. 그들의 사명은 인류 전체의 이익을 위해 봉사하는 인공지능을 만드는 것이었다. 하지만 ChatGPT 에 대해 조사를 거듭할수록 ChatGPT 의 .. 2023. 3. 25.
Chat GPT 의 시대에 왜 애플은 움직임이 없는가? 다음은 유튜브를 보고 내용을 정리한 글입니다. 출처: https://www.youtube.com/watch?v=eCKS_etvZyI 기호 기반 인공지능, 규칙 기반 인공지능이 1950년도에 소개가 되었지만 실패하게 된다. 1980년도에 학습 기반의 방법이 제안이 되는데 머신 러닝이라고도 한다. 하지만 100개 정도의 데이터로 학습을 하다 보니 실패한다. 2010년에 등장한 심층학습 또는 딥러닝 이라는 이름으로 등장하였을 때는 학습을 위해 10만, 100만 개로 데이터를 늘렸더니 기계가 세상을 알아보기 시작했다. 이미지를 분석하기 위해 Convolution 이라는 알고리즘을 사용하기 때문에 병렬처리가 가능하다. 2017년에 구글 프레임의 바스바니라는 인도 출신 과학자가 Transformer 라는 알고리즘을.. 2023. 3. 25.
Confluence Cloud 에서 Rest API 로 글 가져오기. 먼저 아래 링크를 참고하여 API token 을 만든다. Manage API tokens for your Atlassian account | Atlassian Support Create API token 을 누르면 생성할 수 있다. 발급된 Token 은 한번만 조회가 되니, 잘 보관하여야 한다. * 다음은 API Token 을 이용한 curl 명령어 샘플이다. API Token 을 사용할 경우, Token 이 노출되기 때문에 아래의 base64 encoded 된 스트링을 사용하는 것도 좋다. curl -D- \ -u : \ -X GET \ -H "Content-Type: application/json" \ https:///wiki/rest/api/space * base64 encoded string 를 .. 2023. 3. 24.
jQuery UI 를 이용한 Custum Alert, Confirm 크롬에서는 IE 와 다르게 alert 창이 브라우저창 내부에서 팝업이 된다. 그리고 그 사이즈와 위치를 조정할 수 없다. 그래서 찾아보고 알아보게 된 것을 정리한다. codeproject 에서 퍼온소스 인데 링크는 알게 되면 기재할 예정이다. "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 9. 7.
Jquery UI dialog 위치 $(document).ready(function(){    $('#modal_dialog').dialog({        title:"팝업창 제목"        ,modal:false        ,resizable:false        ,autoOpen:false        ,width:"auto"        ,height:250        ,open:function(e, ui) {            $(this).sibling(".ui-dialog-titlebar").find("button").blur(); // remove focus from close button            $(this).parent().offset({top:150,left:100});        }    }).. 2022. 8. 23.
textarea 내용에 맞게 높이 조정하기 $("textarea").height( $("textarea")[0].scrollHeight ); * textarea 가 여러개일 경우 $("textarea").each(function(textarea) { $(this).height( $(this)[0].scrollHeight ); }); 참고 링크 : https://stackoverflow.com/questions/13085326/resize-text-area-to-fit-all-text-on-load-jquery "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 8. 20.
Oracle Cloud Tomcat + JAVA + JSP + MySql 개발환경 (진행하며 작성중인 포스팅입니다.) 오라클 클라우드가 무료 계정을 주기 때문에, 오라클 클라우드에 웹서비스 설치를 시작합니다. 앞으로 웹서비스를 실제로 셋팅할 계정입니다. 오라클 클라우드 VM의 80포트 접속을 위해서는 Virtual Cloud Networks 의 접근 규칙 (Ingress Rule) 과, 리눅스의 방화벽을 모두 셋팅하면 됩니다. - Ingress 룰은 아래와 같이 추가해줍니다. 오라클 클라우드는 방화벽을 위해 ufw 이 아닌 iptables 명령어를 사용해야 한다고 합니다. 참고 자료: https://iter.kr/우분투-서버-방화벽-설정-포트-개방 # 80번 포트 개방 sudo iptables -I INPUT 1 -i ens3 -p tcp --dport 80 -m state --sta.. 2022. 7. 12.
Javascript/JQuery 로 특정 값이 Select 옵션에 있는지 확인하기 var thevalue = 'foo'; var exists = 0 != $('#select-box option[value='+thevalue+']').length; 옵션이 javascript 로 설정된다면 다음 방법을 사용한다 var exists = false; $('#select-box option').each( function(){ if (this.value == 'bar') { exists = true; return false; } } ); #select-box 는 select tag 의 id 이다 출처 : stackoverflow "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 7. 7.
Youtube-dl 을 이용한 페이스북 영상 다운받기 youtube-dl 이 설치되어 있다는 가정하에 쓴다. 페이스북 영상에 대한 URL 을 알아내면 된다. 이 글을 쓰는 시점인 21년 01월 13일에 성공한 방법이다. 크롬 기준으로 페이스북 영상에서 오른쪽 버튼을 클릭하고 "View Page Source" 를 누른다. 아래 이미지 처럼 페이지 소스가 나오는 곳에서 "videoURL" 을 검색한다. 그럼 "https:\/\/www.facebook.com\/dhante.d.abante\/videos\/963510101163745\/" 이런 식으로 videoURL 을 얻을 수 있다. 위 URL 을 \ 를 제거한다. 참고로 " 는 따옴표이니 제거한다. 그러면 아래와 같은 URL 을 얻을 수 있다. https://www.facebook.com/dha.. 2022. 6. 6.
반응형