안녕하세요 상훈입니다.

React.js 에서 image경로를 잡을 때 경로를 못잡아주는 경우가 있습니다.

이에 대비해 프로젝트의 root 경로에서 이미지의 경로를 잡아주는 방식을 소개하도록 하겠습니다.

<img src={process.env.PUBLIC_URL + `/assets/alpha.png`} alt="" />

/public/assets/alpha.png

이렇게 src 내부가 아닌 public 폴더 내의 경로일 때 사용해주시면 편리하겠습니다.

 

반응형

REST API를 적용하고,
Vue.js 혹은 React.js에서 Axios를 사용할 때에 초보자는 도대체 backend 를 담당하는 파일을 어디에다가 놓아야할지 모를 경우가 생깁니다.

네 그게 바로 접니다.

환경 및 사용 : Linux (Ubuntu) , Apache , vue - cli project , php , axios

 

예시)

        axios
          .get('http://urlExample:8080/phpFileName')
          .then(function(response) {
          console.log(response);
          })
          .catch(function(error) {
          console.log(error.response.data);
          })

get 방식으로 axios를 사용해보겠습니다.

 

apache 서버는 8080포트를 기본으로 사용하고 있습니다. 이를 통해 axios를 port 8080에서 값을 요청하고 받아옵니다.

그럴 때 php 파일의 위치는 

/var/www/html/ 에 작성해야합니다.

 

추가적으로 api 폴더를 생성하여 그곳에 넣는 방법도 있습니다. ㅎㅎ

 

 

만약 이렇게 했을 때 아래와 같은 에러가 발생하면 해당 포스트를 확인해주시길 바랍니다.

 

[ PHP, Vue.js ] 에러 해결 Access to XMLHttpRequest at blocked by CORS policy: No 'Access-Control-Allow-Origin' header is pr

Access to XMLHttpRequest at 'http://url/fileName' from origin 'http://url:port-number' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource...

code-hoon.tistory.com

 

감사합니다.

 

반응형

안녕하세요 상훈입니다.

Mysql에서 계정을 생성하고, 데이터베이스를 생성하여 권한을 할당하는 방법을 포스팅하겠습니다.

(오랜만에 사용하게되면 잊기 쉬움)

시작하기 전에 mysql를 동작시키는 것을 잊지 마세요.

 

1. 계정 생성하는 방법

$ create user '사용자명' identified by '비밀번호' ;

 - 이렇게 생성한다면 계정은 '사용자명'@'%' 의 계정으로 생성됩니다.

예시)

예시

 

   - 확인 하는 방법 ( mysql 데이터베이스에 접속하여 유저 계정을 확인 )

  $ use mysql
  $ select host, user, password from user ;

  계정 확인

 

 

2. 데이터베이스 생성하는 방법

$ create database '데이터베이스명' ;

예시)

예시

 

3. 해당 데이터베이스에 계정의 권한 할당하는 방법

$ grant  all  privileges  on  데이터베이스명.*  to  '계정명'@'%' ;

예시)

예시

 

 

이상입니다.

 

 

 

반응형

+ Recent posts