안녕하세요 상훈입니다.
React.js 에서 image의 경로를 잡을 때 경로를 못잡아주는 경우가 있습니다.
이에 대비해 프로젝트의 root 경로에서 이미지의 경로를 잡아주는 방식을 소개하도록 하겠습니다.
<img src={process.env.PUBLIC_URL + `/assets/alpha.png`} alt="" />
이렇게 src 내부가 아닌 public 폴더 내의 경로일 때 사용해주시면 편리하겠습니다.
안녕하세요 상훈입니다.
React.js 에서 image의 경로를 잡을 때 경로를 못잡아주는 경우가 있습니다.
이에 대비해 프로젝트의 root 경로에서 이미지의 경로를 잡아주는 방식을 소개하도록 하겠습니다.
<img src={process.env.PUBLIC_URL + `/assets/alpha.png`} alt="" />
이렇게 src 내부가 아닌 public 폴더 내의 경로일 때 사용해주시면 편리하겠습니다.
REST API를 적용하고,
Vue.js 혹은 React.js에서 Axios를 사용할 때에 초보자는 도대체 backend 를 담당하는 파일을 어디에다가 놓아야할지 모를 경우가 생깁니다.
네 그게 바로 접니다.
환경 및 사용 : Linux (Ubuntu) , Apache , vue - cli project , php , axios
예시)
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를 동작시키는 것을 잊지 마세요.
$ create user '사용자명' identified by '비밀번호' ;
- 이렇게 생성한다면 계정은 '사용자명'@'%' 의 계정으로 생성됩니다.
예시)
- 확인 하는 방법 ( mysql 데이터베이스에 접속하여 유저 계정을 확인 )
$ use mysql
$ select host, user, password from user ;
$ create database '데이터베이스명' ;
예시)
$ grant all privileges on 데이터베이스명.* to '계정명'@'%' ;
예시)
이상입니다.
[ MySQL ] Like % 사용하기, 검색 기능 구현하기 (0) | 2021.12.03 |
---|---|
[ MySQL ] Limit 사용하기, offset 활용하기, pagination 활용하기 (0) | 2021.12.03 |
[ MySQL ] 데이터 입력문, 예제, INSERT INTO ~ VALUES (0) | 2021.11.25 |