라라벨 프로젝트를 생성한 후에 제일 먼저 할 일은 애플리케이션 키를 생성하는 것입니다. 이 키는 32바이트의 문자열로서 세션 데이타를 암호화하거나 라라벨의 암호 패키지인 Crypt 클래스로 암호/복호화할때 사용됩니다. 이 키가 설정되어 있지 않다면 config/app.php 에 설정된 기본 키를 사용하게 되므로 모든 세션 데이타와 암호복화된 데이타가 취약해 질 수 있습니다. 만약 라라벨 프로젝트를 컴포저나 인스톨러로 생성했다면 마지막 단계에서 키를 생성해 주므로 별도로 키를 생성할 필요가 없습니다. 여러 가지 이유로 키를 다시 생성해야 할 경우 라라벨 프로젝트 폴더에서 다음 명령어로 키를 재생성할 수 있습니다. php artisan key:generate 생성된 키는 .env 파일에 보관되므로 여러 대의..

라라벨을 사용하기 위해서는 컴퓨터 및 서버에 다음과 같은 패키지들이 설치되어 있어야 합니다. 버전 7.1.3의 PHP OpenSSL PHP 확장 패키지 PDO PHP 확장 패키지 Mbstring PHP 확장 패키지 Tokenizer PHP 확장 패키지 XML PHP 확장 패키지 Ctype PHP 확장 패키지 Json PHP 확장 패키지 그리고 라라벨은 의존성 관리도구로 composer와 npm을 사용하기 때문에 composer와 npm 또한 설치되어 있어야 합니다. 터미널(Terminal)을 열고, 라라벨 설치 명령어를 입력해 줍니다. $ composer create-project --prefer-dist laravel/laravel [프로젝트 이름] 각 파일들에 대한 간단한 설명입니다. /app : 라..

마이크로소프트가 개발한 소스 코드 편집기 '비주얼 스튜디오 코드(VS Code)'의 웹 버전이 20일 공개됐다. VS코드 웹 버전은 인터넷 브라우저를 열고 사이트 URL(https://vscode.dev)만 입력하면 바로 사용할 수 있다. 기본적인 기능은 설치 버전 VS코드와 거의 같다. 코드 파일을 열고 편집하는 기능을 지원하며 다른 코딩 프로그램처럼 구문 종류에 따라 다른 색으로 표시하는 기능도 탑재했다. 단축키도 기존과 동일하다. VS코드 웹 버전으로 HTML·자바스크립트·CSS 애플리케이션을 빌드할 수 있다. C/C++, C#, Java, PHP, Rust, Go 등의 프로그래밍 언어에서 코드 자동완성 기능을 지원한다. JSON, HTML, CSS, LESS처럼 웹에 최적화된 프로그래밍 언어를 코..

Google Chrome 에서 동작 비디오 태그에 controls 라는 옵션을 주면 밑에 비디오를 컨트롤하는 UI가 띄워진다. 근데 내가 필요 없는, 숨겨야 하는 버튼이 있는 경우 숨길 수 있다. (전체화면, 재생 등) /* 전체화면 버튼 */ video::-webkit-media-controls-fullscreen-button {} /* 일시정지, 재생 버튼 */ video::-webkit-media-controls-play-button {} /* 재생 슬라이드..? */ video::-webkit-media-controls-timeline {} /* 현재 진행 시간 */ video::-webkit-media-controls-current-time-display{} /* 전체 시간 */ video::-..

입력 시간을 받아 카운트 다운을 해주는 함수다. moment 라이브러리를 사용해 구현하였음! const countDownTimer = useCallback((date) => { let _vDate = moment(date); let _second = 1000; let _minute = _second * 60; let _hour = _minute * 60; let _day = _hour * 24; let timer; function showRemaining() { try { let now = moment(); let distDt = _vDate - now; if (distDt < 0) { clearInterval(timer); let HapDate = '0' + 'd ' + '0' + 'h ' + '0' ..

Web Mobile 에서 APP 을 실행 할수 있다! 이를 앱링크 or 딥링크 라고 한다. 아래 예제는 메타마스크 로그인에 관한 예제다. const LoginWallet = async () => { try { await ethereum.enable(); } catch (e) { let pcDevice = "win16|win32|win64|mac|macintel"; if (navigator.platform) { // 모바일 환경일 경우 if (pcDevice.indexOf(navigator.platform.toLowerCase()) < 0) { exeDeepLink(); checkInstallApp(); } else { window.open(`${process.env.REACT_APP_INSTALL_MET..