나홀로 쿠킹

Livewire란? javascript를 사용하지 않고 라라벨과 블레이드만으로도 동적페이지 생성이 가능한 도구이다. Laravel 용 풀 스택 프레임 워크이다. laravel-livewire.com/ Livewire | Laravel A full-stack framework for Laravel that takes the pain out of building dynamic UIs. laravel-livewire.com Livewire동작원리 공식사이트에 올라온 동작원리 설명 Livewire는 페이지와 함께 초기 구성 요소 출력을 렌더링합니다 (예 : Blade include). 이렇게하면 SEO 친화적입니다. 상호 작용이 발생하면 Livewire는 업데이트 된 데이터로 서버에 AJAX 요청을 보냅니다. ..

* 노드 버전 확인 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에..

로컬에 만들어 놓은 라라벨 프로젝트를 github에 올리기 github에 가입하기 https://github.com/ github에 repository 만들기 가입한 계정으로 로그인을 한다. 좌측의 New 버튼을 클릭하여 저장소 생성페이지로 이동한다. 그리고 새로운 저장소의 정보를 입력하고 Create repository버튼을 클릭하면 생성완료 git bash로 로컬 저장소 만들기 git bash를 열어 프로젝트가 있는 위치로 이동한다. git 디렉토리 생성 git init 프로젝트 디렉토리에 있는 모든 파일을 버전관리 하도록 한다. git add . 로컬 저장소에 커밋을 한번 한다. git commit -m 'first commit' 로컬저장소와 github 연결시키기 로컬저장소와 원격저장소를 연결시킨..

화면설계서를 작성해야될 상황이 발생해서 파워목업을 설치하기로 했다. 아주 쉽고 빠르게 파워포인트에 추가해서 사용할 수 있는 파워포인트 툴이다. 다운로드는 여기를 누르면 사이트로 이동한다. 파워목업 다운로드 페이지로 이동하면 Free버전을 다운받을 수 있다. 다운로드 버튼을 클릭하면 설치실행 파일이 다운로드 된다. 실행파일을 실행하면 설치 마법사가 실행되고 파워목업이 설치된다. 설치방법은 아주 쉽고 빠르다. 마지막에 Run PowerMockup버튼을 클릭하면 아래와 같이 웰컴파일이 실행된다. 그리고 상단엔 PowerMockup탭이 추가된다. 오른쪽엔 PowerMockup Shapes 패널이 추가된다. 모양패널에서 컨텐츠를 선택하고 슬라이드로 드래그 드롭하면 쉽게 추가할 수 있다. Free version은 ..

앞서 포스팅 했던 유튜브 동영상 정보추출에서 많이 벗어나진 않았지만 구성에 조금 변경이있어서 다시 포스팅한다. 테스트 동영상 - https://www.youtube.com/watch?v=7anwbJ0ZEyA 추출 내용 - 제목, 설명, 태그, 썸네일 크기별 url, 조회수, 재생시간(초), 업로더 등등 1. 동영상 아이디 추출 - 공유 URL - 브라우저 URL 2. 동영상 데이터 추출 $id = 7anwbJ0ZEyA; // 추출한 동영상 ID $content = file_get_contents('http://youtube.com/get_video_info?video_id='.$id); parse_str($content, $data); // 문자열을 변수화하여 $data라는 배열로 만든다. // $dat..

플러그인에 기본으로 있는 remove버튼을 사용해도 되었지만 버튼을 클릭해서 다른 이벤트를 주고 싶다던가 버튼의 css를 변경하고 싶은경우가 생겨 부득이하게 새로운 버튼을 생성하게 됨. 1. 먼저 삽입할 버튼의 html을 선언한다. var dz_delete_button = ' 삭제 '; 2. dropzone의 이벤트 안에 Element를 추가한다. file_dropzone.on('addedfile', function (file) { var remove_button = Dropzone.createElement(dz_delete_button); var _this = this; remove_button.addEventListener('click', function (e) { e.preventDefault();..

온라인 json 파서를 소개한다.일할 때 종종 json을 파싱한 데이터를 확인하고싶은데 마땅한게 없어서 인터넷 검색해서 찾았다.변환된 한글도 잘 나오니까 좋다. 공유해야지. 공유공유.출처:tvN도깨비 공유 좋다. 변환 사이트 링크 -> http://json.parser.online.fr/

1. 문자열 자르기: LEFT, RIGHT, SUBSTRING, SUBSTRING_INDEX * LEFT(string, number_of_chars) - 문자열 왼쪽부터 자르기ex) ▶ SELECT LEFT(컬럼명, 5) AS Ex FROM 테이블명; * RIGHT(string, number_of_chars) - 문자열 오른쪽부터 자르기ex)▶ SELECT RIGHT(CustomerName, 5) AS Ex FROM 테이블명; * SUBSTRING(string, start, length) or (string FROM start FOR length) - 문자열 자르기ex) ▶ SELECT SUBSTRING(컬럼명, 2, 5) AS ExtractString FROM 테이블명;▶ SELECT SUBSTRING..

Selectbox셀렉트박스의 모든것. 셀렉트박스나 체크박스나 사용할 때 일단 구글링.아는것도 생각이 잘 안나서 맨날 구글링을 함.근데 진짜 셀렉트박스사전같은 대박 사이트를 찾아냄. http://blog.daum.net/twinsnow/124 여기인데 셀렉트박스로 할 수 있는 거의 모든것이 적혀있다. 원본사이트는 저 위의 사이트이고어떤 분이 또 잘 정리해둔 사이트가 있다. 아래의 내용은 거기서 퍼온것이고해당 블로그주소는 요기요기요기요. http://egloos.zum.com/tiger5net/v/5667935 1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $(..

Fancytree 트리구조 일하다보니 메뉴구성을 트리구조로 보여줘야 할 필요가 있었는데 차장님이 사용해보라고 알려주심. 괜춘한듯. 여기저기 필요한데가 많을것 같아서 포스팅 한다. 아이콘은 js파일에서 수정 할 수 있다. 그리고 사용방법이 그리 어렵지는 않은데 뭔가 트리구조에 대한 이해가 필요할것 같다. 예제 사이트 주소 → http://wwwendt.de/tech/fancytree/demo/ github 주소 → https://github.com/mar10/fancytree/ document 주소 → https://github.com/mar10/fancytree/wiki api reference 주소 → http://wwwendt.de/tech/fancytree/doc/jsdoc/ 내가 사용해본것만 설명..