반응형

맥 M1에서 지원하는 PHP 기본 버전은 8.0.3 입니다. 터미널 사용 버전을 다운그레이드 하는 것은 쉬운데, 웹은 여전히 8.0이 사용되고 있었습니다. 웹서버는 valet을 사용하고 있었는데, 생각보다 버전 변경하는 것이 쉽네요. 매뉴얼을 대충 보면 안됩니다. ^^

다운그레이드 설정 전 phpinfo() 상태

※ 아래 내용은 모두 로제타로 실행한 터미널에서 실행해야 합니다. 현재 m1에서는 php 8.0 이상만 지원하는 것으로 보입니다.

% php -v   
PHP 8.0.3 (cli) (built: Mar  4 2021 20:45:17) ( NTS )
Copyright (c) The PHP Group
Zend Engine v4.0.3, Copyright (c) Zend Technologies
    with Zend OPcache v8.0.3, Copyright (c), by Zend Technologies
    
// php 7.3 버전 설치
% brew install php@7.3

// composer 설치
% php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
% php -r "if (hash_file('sha384', 'composer-setup.php') === '756890a4488ce9024fc62c56153228907f1545c228516cbf63f885e036d37e9a59d27d63f46af1d4d07ee0f76181c7d3') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
% php composer-setup.php
% php -r "unlink('composer-setup.php');"
% mv composer.phar /usr/local/bin/composer

// laravel & valet 설치
% composer global require laravel/installer
% composer global require laravel/valet
% valet install

// valet 사용 버전 변경
% valet use php@7.3

// 터미널 버전도 다운그레이드를 하고 싶다면
% brew unlink php
% brew link php@7.3
% php -v
PHP 7.3.27 (cli) (built: Feb 27 2021 18:04:51) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.3.27, Copyright (c) 1998-2018 Zend Technologies
    with Zend OPcache v7.3.27, Copyright (c) 1999-2018, by Zend Technologies

다운그레이드 후 phpinfo 상태

반응형
블로그 이미지

BitSense

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요

반응형

php, laravel, vuejs, vuetify 설치

brew install php@7.3

php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === '756890a4488ce9024fc62c56153228907f1545c228516cbf63f885e036d37e9a59d27d63f46af1d4d07ee0f76181c7d3') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"
mv composer.phar /usr/local/bin/composer

composer global require laravel/installer
composer global require laravel/valet

valet install

laravel new blog

cd blog

valet park
valet link
valet paths

composer require laravel/ui --dev
php artisan ui vue --auth

npm install & npm run dev
npm install -g @vue/cli

vue add vuetify

npm install @mdi/font -D
npm install moment vuex vue-router

프론트 페이지 추가

resources/views/vue.blade.php 추가

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app">
</div>
</body>
</html>

resources/js/views/App.vue 추가

<template>
<div>
    <h1>VUE Single page</h1>
</div>
</template>

<script>
export default {
name: "App"
}
</script>

<style scoped>

</style>

resources/js/app.js 수정

import Vue from 'vue';
import App from './views/App';

new Vue({
    render: h => h(App)
}).$mount('#app');

routes/web.php 소스 추가

Route::get('/vue', function () {
    return view('vue');
});

http://blog.test/vue 확인

반응형
블로그 이미지

BitSense

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요

반응형

안드로이드폰을 미러링으로 윈도우10에 연결하는 방법은 무척 쉬워졌다. (전용앱이 있지 아마???) 하지만 맥은 아직 유료 앱이 아니면 사용이 힘든 것으로 보인다. 라고 생각을 했는데... 약간의 수고를 하면 무료로 미러링을 할 수 있는 방법이 있네~

참조 URL : https://github.com/Genymobile/scrcpy

설치 조건

더보기

macOS Catalina Ver. 10.15.5
MacBook Pro 16인치 2019. i9 2.3GHz 8 core. RAM 32G

homebrew 설치

설치 스크립트

// 설치
brew install scrcpy

// adb 관련 PATH 추가
brew cask install android-platform-tools

안드로이드 USB 연결 (모바일 설정 : 개발자 옵션 On - USB 디버깅 on)

실행

// 실행
scrcpy

실행 중 첫 화면

곧 바로 연결이 된다. 신기하네. 하나 문제가 있다. 핸드폰 커버를 닫는 등으로 핸드폰 자체가잠금모드 상태가 되면 마우스가 동작을 하지 않는다. 이럴 경우에는 직접 잠금 모드를 해제 해야 한다.

마우스를 사용하려면 화면 위에서 오른쪽 버튼을 클릭한다. 이럴 경우 내 폰은 화면이 깜~빡! 하고 나서 부터 마우스가 사용이 가능하더라. 좋네 좋아.

설치시 문제점

#1. 설치 중 오류 메시지 이후 사망

// 오류 메시지
Error: Permission denied @ apply2files - /usr/local/lib/node_modules/vue/src/platforms/weex/.DS_Store

저 메시지 후에 설치가 된건지 안된건지는 실제로는 잘 모르겠다. 어쩌면 중간에 android-platform-tools에서 오타가 났을 거 같다는 생각도 있다. 어찌됐건 간에, 오류는 났고 멈춘거 같은 느낌이라 일단은 저 메시지를 없애려는 사명감만 있었다.

#1. 설치 오류 해결책

brew remove scrcpy

// 고전적인 엔진 설치
brew install sdl2 ffmpeg
brew install pkg-config meson
brew tap homebrew/cask-versions

// 이후 다시 재설치

 

반응형
블로그 이미지

BitSense

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요

반응형

설치

npm install amcharts3 --save

사용 샘플 소스

<template>
	<div id="chartdiv" style="width: 100%; height: 400px;" ref="chartdiv" />
</template>

<script>
import 'amcharts3'

import AmSerial from 'amcharts3/amcharts/serial'



export default {

	name: 'AmCharts',
	data: () => ({
		chartConfig: {
			type: 'serial',
			categoryField: 'type',

			chartCursor: {},

			graphs: [
			
	{
				
	type: 'column',
					title: 'Pizza types',

					valueField: 'sold',

					fillAlphas: 0.8

				}

			],

			dataProvider: [

				{ type: 'Margherita', sold: 120 },

				{ type: 'Funghi', sold: 120 },

				{ type: 'Capricciosa', sold: 120 },
				{ type: 'Quattro Stagioni', sold: 120 }
 
			]
		
}
	}),
	created() {
		AmCharts.makeChart(this.$refs.chartdiv, this.chartConfig)
	}
}
</script>

오류 수정

import AmCharts from 'amcharts3'

위 형태로 하면 AmCharts.makeChart() 함수를 찾을 수 없다는 오류가 나와서 수정

참조 URL

https://github.com/developerKumar/AmchartsUse

반응형
블로그 이미지

BitSense

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요

반응형

wsl2를 설치하고 docker desktop을 설치하려다 실패를 했는데, 사이드 이펙트로 VirtualBox가 정상적으로 동작하지 않는다. ㅠ,.ㅠ;

에러 메시지

Raw-mode is unavailable courtesy of Hyper-V.

해결 방법

// bcdedit 실행
bcdedit

// hypervisorlauchtype 확인
hypervisorlaunchtype = On

// Off 변경
bcdedit /set hypervisorlaunchtype off

// hyervisorlaunchtype 확인
// 리붓

리붓을 한 후에 VirtualBox를 다시 실행해 본다.

반응형
블로그 이미지

BitSense

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요