수요일, 12월 13, 2017

웹 개발 노트

웹 개발 노트.

HTML 소스 코드 웹페이지에 삽입하기 | HTML Entities Encoder / Decoder

HTML 소스 코드를 삽입하고자 할때, 이전엔 <xmp></xmp> 태그를 많이 사용했었다. 하지만, 이 태그는 이제 Obsolete되어 현재 돌아가는 브라우저가 있긴하지만 권장되지 않는 방법이다. Via MDN Web Docs 추천되는 방법은 <pre><code>내용</code></pre>로써 pre와 code태그에 감싸서...

[웹 개발] CSS Border Radius 작업 온라인 툴

Radius 작업 시 일일히 확인해가며, 코드를 수정하는 것이 귀찮아 간단한 툴을 만들었다. 명세는 "Border Radius를 온라인에서 작업해서 본인의 프로젝트에 삽입"하는 간단한 웹앱이다. 아래 링크를 통해 접근 가능하다. CSS Border Radius 온라인 툴 Border...

온라인 최소 공배수 계산기

온라인에서 바로 사용하는 최소 공배수 계산기 최대 공약수 계산기 링크를 통해 바로 이동 가능합니다. 기본 기능 Add Number를 통해 숫자를 추가하고(5개까지 추가 가능), Submit 버튼을 통해 값 생성 가능. Description 최소 공배수 Javascript 기본 알고리즘 function...

온라인 최대 공약수 계산기

온라인에서 바로 사용하는 최대 공약수 계산기 최대 공약수 계산기 링크를 통해 바로 이동 가능합니다. 기본 기능 Add Number를 통해 숫자를 추가하고(5개까지 추가 가능), Submit 버튼을 통해 값 생성 가능. Description 최대 공약수 Javascript 기본 알고리즘 function...

Laravel 다국어 사이트 Routing하기

Laravel을 이용하여, 서브 도메인을 이용하지 않고, 저렴하게(?) 다국어 사이트를 구현하는 것은 간단하다. 디테일한 설명 대신, 흐름에 관한 메모만 남기겠다. 흐름을 알았다면, https://laravel.com/docs/5.4/localization을 보며 하나씩 따라가면 될 듯하다. routes/web.php 아래 web.php 파일에서 / <- 기본...

Javascript로 Clipboard 복사 버튼 만들기

웹을 돌아다니다 보면 Embed Code같은 걸 버튼 하나로 복사하는 것을 많이 보았을 것이다. 그래서 이번에 Clipboard에 복사 버튼을 만들기 위한 간단한 소스코드를 공유한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 <p id="p1">복사하고 싶은 텍스트</p> <button onclick="copyToClipboard('#p1')">텍스트 복사</button> <script> function copyToClipboard(element) { var $temp = $("<input>");   $("body").append($temp);   $temp.val($(element).text()).select(); document.execCommand("copy");   $temp.remove(); alert("copy complete"); //Optional Alert, 삭제해도 됨 } </script> Colored by Color...

HTML 소스 코드 웹페이지에 나타내기

개인적인 노트사용을 목적으로 간결한 어조로 작성된 글임을 이해부탁드립니다. 아래 간단한 html 코드를 웹페이지에 나타내기 위해선, 약간의 추가 작업이 필요하다. 웹 개발중 그냥 저러한 코드를 적으면, 브라우저에 의해 해석이 되어, 링크가 만들어지기 때문이다. <a...

macOS 터미널에서 mysql 서버 켜기 끄기

개인적인 노트사용을 목적으로 간결한 어조로 작성된 글임을 이해부탁드립니다. 아래와 같이 mysql -V로 버전확인을 했을 경우, mysql server가 이미 설치된 상황이어야 한다. ~ (512) $mysql -V /usr/local/mysql/bin/mysql Ver 14.14 Distrib 5.7.18, for macos10.12 (x86_64) using EditLine...

macOS Sierra php7으로 업그레이드 하는 법

개인적인 노트사용을 목적으로 간결한 어조로 작성된 글임을 이해부탁드립니다. 일반적으로, macOS Sierra에는 php 5.6버전이 이미 설치되어 있다. curl과 brew를 통해 install이 가능하다. 필자는 curl을 통해 업그레이드 하였으므로, 아래 brew를 통해 하는 방법은 참조만...
2,547FansLike

LATEST