씹어먹는 블로그

1. /resources/js/components/ 밑에 원하는 이름의 Vue컴포넌트를 생성 Test.vue 컴포넌트 123 456 2. 전역 컴포넌트 설정 전역 컴포넌트로 설정하게 되면 어느 페이지에서든 바로 태그를 쓸수있다. app.js 또는 main.js 에 전역으로 설정한다. Vue.component('test', require('./components/Test').default); 컴포넌트를 사용할 Vue 페이지 test-class에 a를 넣어주면 오렌지색이 적용 되고, b를 넣으면 연두색이 적용 된다. 3. 지역 컴포넌트 설정 지역 컴포넌트는 해당 컴포넌트를 불러올 Vue 파일 내에서만 선언 해주는 것이다. 다른 Vue 파일에서는 각각 선언 해주기 전까지는 불러다가 쓸수 없다. 컴포넌트를 사용..

select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; }

기본적으로 CURL 은 Fiddler로 캡쳐가 되지 않는다. 그래서 호출 시 프록시 세팅을 Fiddler와 맞춰주는 작업을 해줘야 가능하다. PHP Code curl_setopt($ch, CURLOPT_PROXY, '127.0.0.1:8888'); Command Line curl --proxy 127.0.0.1:8888 Fiddler 프록시 설정 1. Tools -> Options 클릭 2. Connections 탭으로 이동 3. Fiddler listens on port: 를 8888 (위 127.0.0.1:8888 과 동일하게 맞춰주면 됨) 4. Allow remote computers to connect 체크 및 확인

javascript 세팅 (API서버로 바로 호출해도 되고, 자신의 백엔드 서버로 호출해도 됨 - 아래 CURL예시) // FormData 형태로 전송 var formData = new FormData(); // FormData 선언 // 데이터 세팅 formData.append("customer_name", c_name); formData.append("customer_phone", c_phone); formData.append("customer_type", c_type); var request_uri = "https://request_url.com"; $.ajax({ type: 'post', cache: false, url: request_uri, data: formData, processData: ..

1. 패키지 설치 npm install vue-mobile-detection --save 2. 컴포넌트 import 세팅 main.js 또는 app.js 에 (프로젝트 설정에 맞게) import VueMobileDetection from 'vue-mobile-detection' Vue.use(VueMobileDetection) 3. 사용 MOBILE DESKTOP OR TABLET

일반적으로 HTML 페이지에 구글 스크립트를 삽입하는 방법으로는 Vue에서 정상적인 구동이 되지 않는다. Component 형태로 설치 후 사용이 가능하다. *구글 자동광고 사용시에는 범위 밖에 상단에 구글 공통스크립트 한줄만 추가 해주면 알아서 페이지 내에 불러와진다. 아래 설명은 수동으로 광고를 삽입할 때의 설명임 1. 구글 광고 생성 구글 애드센스 홈페이지에 가입을 하고, 광고가 표시될 도메인을 등록하고, 수동으로 삽입할 광고를 만든다. Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.co.kr 그리..

.ebextensions/06-setup-crontab.config 파일 생성 후 아래와 같이 작성 & 배포 한다. commands: 01_create_post_dir: command: mkdir /opt/elasticbeanstalk/hooks/appdeploy/post ignoreErrors: true 02_crontab_setup: command: sudo bash -c 'cat

sh파일 만들어서 crontab으로 실행하기 머신의 hostname 이나 현재날짜 등을 파일명으로 사용하고 싶을때에는 crontab에 직접 사용할 수 없다. 그래서 sh 파일에 작성 후 sh 파일을 crontab에 등록 해야 한다. sudo vi mycrontab.sh #!/bin/bash aws s3 cp /var/app/storage/logs s3://s3domain.com/logs/`date +%F`/$(hostname -s)/ --recursive 위 처럼 .sh 파일을 생성 후 sudo crontab -e // 10분마다 sh파일 실행 */10 * * * * sudo sh /var/app/current/mycrontab.sh sudo service crond restart 위와같이 crontab..

1. 사전작업 IAM에서 s3 접근권한 설정 2. AWS CLI(Command Line Interface) 설치 (Linux) 3. AWS CLI 환경설정 4. cli 명령어로 파일 업로드 1. 사전작업 IAM에서 s3 접근권한 설정 [AWS] S3 권한 설정 하기 (IAM) AWS 콘솔 혹은 코드상에서 S3 버킷에 파일을 업로드/다운로드 하기 위해서는 S3 권한이 필요하다. AWS에서 S3를 사용하기 위한 권한설정을 알아보자. AWS Identity & Access Management (IAM) 에서 할 수 있다. 1 mosei.tistory.com AmazonS3FullAccess권한을 설정 2. AWS CLI(Command Line Interface) 설치 (Linux) aws --version 으..

사전작업 : 라라벨 로그 설정 [Laravel] 라라벨 log 파일에 로그 출력하기 두가지 방법 소개 1. 기본 라라벨 설정으로 로그 찍는 방법 사용 예 ) Log::info('=== 로그 찍기 ==='); 2. monolog 라이브러리를 이용해 로그 찍는 방법 사용 예 ) $log->info('=== 로그 찍기 ==='); 1. 기본 라.. mosei.tistory.com 1. .ebextensions 세팅 앱 애플리케이션 최상단 위치에서 .ebextensions/04-setup-laravel-logs.config 형식으로 로그 파일관련 config를 생성 하고 아래와 같이 작성 후 배포. files: "/opt/elasticbeanstalk/tasks/bundlelogs.d/laravel_prod_l..

[AWS] EC2 Linux 서버 한국표준시간으로 변경하기 기본 UTC로 되어있는 타임존을 Asia/Seoul 로 변경해서 사용하다가, 인스턴스가 재시작 되거나 했을 때, 다시 UTC로 돌아오는 경우도 종종 있다. 재시작 되어도 리셋되지 않게 설정 해보자 1. 기본 타 mosei.tistory.com 위 처럼 일반 EC2 환경에서 타임존 변경 작업을 해놨을때, Elastic Beanstalk 환경을 사용 중이라면 /ect/sysconfig/clock 에서 변경한 값들도 다 초기화가 되어 버리기 때문에 다시 KST가 아닌 UTC로 돌아가게 된다. 그렇다면 아래의 방법으로 EB 배포시, 셋업을 시켜주는 방법으로 해결할 수 있다. [AWS] EB(Elastic Beanstalk) .ebextensions 사용..

기본 UTC로 되어있는 타임존을 Asia/Seoul 로 변경해서 사용하다가, 인스턴스가 재시작 되거나 했을 때, 다시 UTC로 돌아오는 경우도 종종 있다. 재시작 되어도 리셋되지 않게 설정 해보자 1. 기본 타임존 UTC 확인 2. root로 로그인 3. 타임존 변경 4. 위 까지만 진행하게 되면, 인스턴스 재시작 시 타임존이 리셋 될 수 있다. 아래 과정까지 해주면 리셋을 방지할 수 있다. UTC=true 는 삭제하면 안됨. * Elastic Beanstalk 환경을 사용 중일 때 타임존 세팅 방법 [AWS] Elastic Beanstalk 배포시 타임존 setup [AWS] EC2 Linux 서버 한국표준시간으로 변경하기 기본 UTC로 되어있는 타임존을 Asia/Seoul 로 변경해서 사용하다가, 인..

AWS Lightsail 서버를 사용할 때, 접근할 수 있는 IP를 설정 하는 방법을 알아보자 1. Lightsail 대시보드로 진입 2. Instances 탭에서 설정할 서버를 클릭해서 들어감 3. Networking 탭으로 이동 4. IPv4 Firewall 부분에서 +Add rule 클릭 5. Application 을 All TCP로 선택 후 Restrict to IP address 체크를 하면 아래 IP를 쓸수 있는 칸이 나옴 아래 IP 적는 칸에 접근을 허용할 IP를 적고 Create 클릭하면 끝. Port or range 부분은 - 대시로 시작포트와 끝포트를 지정할 수 있다. All TCP를 선택하면 0~65535 포트까지 설정한 IP로만 접근이 가능하게 된다.

AWS 콘솔 혹은 코드상에서 S3 버킷에 파일을 업로드/다운로드 하기 위해서는 S3 권한이 필요하다. AWS에서 S3를 사용하기 위한 권한설정을 알아보자. AWS Identity & Access Management (IAM) 에서 할 수 있다. 1. IAM 대시보드 입장 2. 액세스 관리 -> 사용자 3. 권한탭에서 Permissions policies 에 권한 추가 버튼 클릭 4. 기존 정책 직접 연결 5. 정책 필터 검색창에 AmazonoS3FullAccess 검색 후 정책 생성 끝.

du -h --max-depth=1 위 명령어로 확인 시, 하위폴더의 용량들을 아래와 같이 보여준다. 하위폴더가 없고 파일들만 있을때는 파일들의 용량의 합만 보여준다.