본문 바로가기

전체 글

(15)
[jQuery + HTML + CSS] 오디오 플레이어 만들기 - 1. 회사에서 진행중인 프로젝트에 배경음 삽입기능이 추가되었다. 음원파일 업로드 또는 youtube url등록이 다 가능해야 하는기능. audio 태그와 YouTube API를 같이 사용하기 위한 플레이어를 만들기로 한다. 1. HTML과 CSS로 오디오 플레이어 형태 만들기 2. 각각의 버튼을 만들어 파일 업로드 및 url등록이 가능하게 만들기 3. 음원 업로드시 audio태그를 생성 4. youtube url등록시 API이용하여 iframe생성 작업단계의 큰 틀만 보자면 저렇게 4단계이다. 그래서 만들어진 오디오 플레이어는 아래와 같다. 기본적으로 표기되는 배경음의 속성은 - 재생상태 - 제목 - 재생시간 - 볼륨 이며 새로 링크를 삽입하거나 음원을 업로드하면 플레이어를 아래처럼 초기화 시켰다가 플레이어를..
[Vue] Laravel에 Vue 설치하기 및 실행 예제 (Laravel 7.x) * 노드 버전 확인 node -v Node 최신버전으로 셋팅 https://velopert.com/1351 [Node.js] TIP: Node.js 와 NPM 최신버전으로 업그레이드 하기 | VELOPERT.LOG 이번 포스트는 기존에 node.js 가 설치 되어있는 상태에서 Node.js 와 NPM 을 최신버전으로 업그레이드 하는 방법에 대한 팁 입니다. 주의: 일부 모듈에선 v6.0.0 을 지원하지 않습니다. # Node.js 업그레�� velopert.com * PhpStorm vue plugin 설치 Setting -> Plugins -> vue검색 -> install 클릭 -> restart IDE 설치 1. 새로운 라라벨 프로젝트 생성 laravel new vue_test 2. Compoer에..
[웹 크롤링] 파이썬 웹크롤링 기초 - 01 1. 크롤링 하고자하는 정하기 - 네이버 뉴스 홈 2. requests로 html 받아오기 webpage = requests.get('https://news.naver.com/') 받아온 페이지를 출력해보자 3. BeautifaulSoup으로 html 파싱하기 뉴스홈에 있는 섹션을 가져오고 싶다. 개발자 도구를(F12)켜서 해당 태그를 보면 아래의 안의 텍트스 이다. h4 태그들을 전부 긁어와야 하기 때문에 find_all() 함수를 써야한다. 해당 태그 안에 있는 텍스트만 긁어오기 위해서는 string을 붙인다. print(tit_sec.string) 클래스명으로 태그 추출 #1번 page_soup.find_all(attrs={'class':'com_list'}) #2번 page_soup.find_al..
[웹 크롤링] 파이썬 웹크롤링 기초 - 준비편 준비 1) 관리자 권한으로 CMD실행하여 파이썬 업그레이드 // 파이썬 설치 위치로 이동 cd C:\Users\사용자계정\AppData\Local\Programs\Python\Python37\Scripts // 파이썬 업그레이드 python.exe -m pip install --upgrade pip 2) beautifulsoup4설치 pip.exe install beautifulsoup4 3) 파이참에서 BeautifulSoup4 설치 BeautifulSoup4 검색 Install Package 클릭하여 설치한다. 설치 끝
[Laravel] Laravel Schema Designer - 라라벨 구조 설계 https://laravelsd.com/ Laravel Schema Designer users created by sajjad_ser on 21 November 2013 Blog created by angelside on 11 December 2013 users created by raleigh on 04 January 2014 it-helpdesk created by babeman123 on 19 February 2014 Sentry User Extend Social created by memfis61 on 08 April 2014 e laravelsd.com 라라벨 스키마 디자인은 테이블 / 컬럼 / 관계를 사용하여 데이터베이스 스키마를 생성 한 다음 시각적 스키마에서 마이그레이션 파일을 생성 할 수..
QtCreator설치 및 화면생성 1) QtCreator 설치 https://download.qt.io/archive/qt/ Index of /archive/qt download.qt.io 2) 설치 4) UI파일 생성하기 새로운 프로젝트를 추가해본다. 디자인 폼으로 선택한다. 메인 윈도우로 선택 후 다음으로 넘어간다. 저장위치를 지정 후 다음으로 넘어간다. 마지막으로 소속 프로젝트 선택은 아무것도 하지 않고 Done을 눌러 끝낸다. 완성된 창에서 여러가지 요소를 드래그엔 드롭하여 화면생성이 가능하다. 참고 사이트 : http://www.santacodes.com/?p=137
윈도우에 홈스테드 설치하기 + 6.X 라라벨 설치 1. vagrant 설치하기 / virtualbox 설치하기 vagrantup.com/downloads.html Download - Vagrant by HashiCorp This page lists all the available downloads for Vagrant. www.vagrantup.com https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binaries and its source code. VirtualBox binaries By downloading, you agree to the terms and c..
[Tool] 협업앱, 메모앱, 노트앱 노션 - Notion 다양한 템플릿제공으로 개인적으로 업무내용 정리, 여행일정 정리, 회의내용 정리 등등 어느 것으로보나 에버노트보다 편리했다. 무료로 쓸 수 있는 페이지갯수에 제한이 있지만 아직 그정도로 많은 페이지를 소비하지 못했다. 완성된 페이지는 URL공유를 할 수 있으며 HTML, PDF로 내보내기 할 수 있다. 아래는 노션으로 만든 한글 가이드이다. 노션 한글 가이드 https://www.notion.so/Notion-1ad7ccbc41a44298814a4820d4acb14e Notion 가이드 성원에 힘입어 한글판 노션 가이드 책이 출판되었습니다. 감사합니다. (_ _) www.notion.so