로컬 개발 시 CROS 문제 간단 해결

웹 프로그래밍/React|2023. 5. 27. 21:35
300x250

 

 

 

 

 

 

 

 

개발시 

Access to XMLHttpRequest at '주소A' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

CROS 문제가 발생한다.

 

 

1. package.json 에

  "proxy":"http://testtest.cafe24.com",

이렇게 사이트 명을 넣어준다.

 

 

2. 호출 시 주소를 

http://testtest.cafe24.com/login.php 부분을 상대경로로 바꺼준다.

/login.php

 

속도는 0.5초 정도 느런거같은데 잘된다 ㅎㅎㅎ

 

 

 

 

 

 

 

 

 

 

 

300x250

댓글()

PHP - 현재 날짜 가지고 오기 등 날짜 시간 관련

300x250

현재 날짜 가지고 오기

$today = date("Y-m-d",time());

 

 

1달전 날짜 가지고오기

$day = date('Y-m-d', strtotime('-1 month'));


그외 날짜

date("Y-m-d", time());						//오늘
date("Y-m-d", strtotime("-1 week", time()));	//최근 일주일
date("Y-m-d", strtotime("-1 month", time()));	//최근 1개월
date("Y-m-d", strtotime("-6 month", time()));	//최근 6개월
date("Y-m-d", strtotime("-1 year", time()));	//최근 1년

 

응용 ( 6개월전 을 구한다음 하루 뺴기)

	$limit_dt = date(  'Y-m-d', strtotime('-1 days', strtotime('-6 month', time()))  );
300x250

댓글()

php - ubuntu 동영상 썸네일

300x250

먼저 우분투에서 동영상 썸네일 추출을 위해서는

ffmpeg 라는 프로그램을 설치해야 합니다.

 

당연히 설치전에는 root로 로그인 해야 겠죠.

아래 sudo -s를 사용해서 root 로그인 합시다.

sudo -s

 

아래 쉘커맨드를 입력하면 ffmpeg를 설치 합니다.

경고가 뜨면 Y 눌러주면 됩니다.

apt update
apt install ffmpeg

 

비디오 파일 경로와, 만들어질 썸네일 이미지 경로 + 파일명을 넣어줍니다.

size는 썸네일 이미지 크기

time는 동영상에서 뽑아낼 시간

$video_file = "/var/www/master/upload/comment/test.mp4"
$thum_file = "/var/www/master/upload/comment/thum.png"

if(true) // 동영상 이라면
{
	$size = "960x512";
    $time = "00:00:00.000";
    $cmd = "ffmpeg -i $video_file -ss $time -s $size $thum_file";
    shell_exec($cmd);  
}

shell_exec를 사용하여 ffmpeg 프로그램을 사용하여 썸네일 이미지를 추출합니다.

 

기타로는 이미지 크기변경도 가능합니다.

ffmpeg -i input.jpg -vf scale=320:240 output_320x240.png
300x250

댓글()

Input File 선택 시 이벤트 및 비동기 전송

웹 프로그래밍/HTML - CSS|2022. 12. 24. 19:28
300x250

 

<input> 태그에서 파일을 선택했을때 비동기 이벤트를 처리하는 방법은 아래와 같다.

html 코드에는 input 파일을 넣어줘야 한다.

 

파일을 선택 또는 변경시 아래 uploadFile() 한수를 호출해서 결과를 넘긴다.

현재 코드는 json() 으로 되어있는데 text로도 변경할 수 있다.

<javascript>
document).on("change","#fileupload",function(){		 
	var result = uploadFile().then(text => {

	//처리 코드 입력
)};

async function uploadFile() {
    let formData = new FormData();           
    formData.append("upload_file", fileupload.files[0]);
    var response = await fetch('/comment_upload_ok.php', {
      method: "POST", 
      body: formData
    });    

	var text = response.json(); // json(), text() 선택
	return text;
}
</javascript>


<input id="fileupload" type="file" name="fileupload" />
300x250

댓글()