세상 버그 다 겪는 월야

통상 리액트 자체서버 포트는 3000 이라 다른 포트 (ex. 백엔드) 에서 값 전달하려고하면 CORS 이슈가 발생한다. 그때 해결할수있는 방안으로는 package.json 추가 "proxy": "http://localhost:8080", createProxyMiddleware 이용 yarn add http-proxy-middleware 리액트 프로젝트 src 폴더 내에 setupProxy.js 생성 후 아래처럼 기재 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = (app) => { app.use(createProxyMiddleware('/api', { target: 'https://APIURL.co..

Prettier 코드 스타일 자동정리 (최상위 디렉토리 위치 파일생성 .prettierrc) { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } vscode 자동 불러오기 기능 최상위 디렉토리 위치 파일생성 jsconfig.json { "compilerOptions": { "target": "es6" } } # axios 사용시 yarn add axios # styled-components 사용시 yarn add styled-components

카카오 알림톡 전송 api 를 개발하면서 라라벨로 작업 진행했습니다. 라라벨에 대한 개념이 아직 많이 부족해서 , 심플하지만 그래도 해보는게 중요한거같아서 진행했구요. 메시징 서비스 전문업체에게 전송해야하는 url 과 ,id, passwd, api 키를 발급받고 진행한거라 어려운점은 없었습니다. 제가 한건 아니지만 C 단에서도 해당 api 전송하는 부분이 개발작업이 진행되었었는데, 기본이 아스키코드인데 utf-8 로 전환을 안해줘서 암만 전송성공이떠도 카톡 메시지가 안오는 문제가 있어서 삽질좀 했었네요 ㅡ,.ㅡ ; /routes/api.php Route::prefix('/v1/')->group(function () { Route::post('report', [InfoController::class, 'c..

환경 : SpringBoot (Gradle) + Tomcat + React.js Single Page Application : 단일 페이지 어플리케이션 서버로부터 페이지를 계속 새롭게 호출하는게 아니라 , 현재 페이지에서 동적으로 다시 불러오기 때문에 기존방식 링크타고 들어가는 a href="" ~~~ (새로고침) 보다 빠름 대충 이정도만 알면됐고 문제점 발생 SPA 특성상 한 페이지에서 재가동이되는데 로컬에선 잘만되던 녀석이 서버에 올라가서 404가 터짐 리액트던 뷰던 어쨌든 index.html 이 토대로 그 안에 있는 부분부분 Component 내용물 을 갈아끼우는 형식으로 진행이 되는데 특정 부분을 링크타고 들어갈려면 인식을 할수 있을리가 없다 애초에 웹서버단에서 인식이된건 index.html 뿐이..

라라벨에서 테이블 생성을 하려면 우선 migration 파일을 기반으로 해당이름에 맞게 테이블이 만들어짐으로 인해 먼저 migration 파일을 생성해줘야한다. 테이블 생성전에 migration 파일 먼저 생성 php artisan make:migration create_tests_table database - migrations 폴더에 방금 마이그레이션한 파일이 생성 php artisan make:migrate 실행시 migrations 파일들이 테이블로 생성됨 컬럼추가시 php artisan make:migration add_column_to_tests_table --table=tests public function up 부분에 추가할 컬럼들을 넣어준다. 마이그레이션 파일 수정후에 다시 php art..

docker-compose 에서 mariadb 설정할때 .env 파일을 사용할일이 좀 있어서 기록 남겨둔다. 아래 yml 파일을 보면 알겠지만 mariadb 이미지를 생성하면서 .env 파일을 docker-compose.yml 파일이 위치한 디렉토리에 db 라는 폴더안에 넣어놓았다. version: "3.7" networks: default: external: name: mybridge services: db: image: mariadb:10 env_file: - "./db/.env" volumes: - "./db/data:/var/lib/mysql" - "./db/dump:/disk" - "./db/initdb.d:/docker-entrypoint-initdb.d" #물론 .env 파일 없이 아래처럼 ..

SCP 옵션 // 원래 훨씬 더 많은데 제가 직접 사용했었던거 위주로 적어놓습니다. // -r 폴더 보낼때 scp -r /var/www/html/test root@0.000.00.000:/var/www/html/ // -P 포트 설정 scp -P 22 /var/www/html/test root@0.000.00.000:/var/www/html/ // -l (i 아님) 전송 속도 설정 Kbits /s 단위 scp -l 3000 /var/www/html/test root@0.000.00.000:/var/www/html/​ 원격서버에서 로컬서버로 가져올때 scp root@[원격서버]:[원격서버 경로] [로컬서버 경로] 로컬서버에서 원격서버로 보낼때 scp [로컬서버 경로] root@[원격서버]:[원격서버 경로]

웹페이지 접속시 예를들어 로그인 페이지가 www.test.com/member/index.php 라고 할때 , www.test.com/member 까지만 치면 해당 폴더의 디렉토리 경로 및 파일 내역이 아래처럼 쫘악 나오는 문제 가 있었는데 관리하는 웹서버가 한둘이 아니다보니 누락된듯하다. 예전에 다 막았던거같은데 ~ 여튼 이참에 정리해둔다. httpd.conf 접속 146 라인에 Options Indexes FollowSymLinks 부분에 Indexes 를 지우고 httpd 재시작을 한번 해주면된다. 이렇게 하고나면 다시 /member 디렉토리 접근시 아래처럼 나오게되면 끝 #httpd.conf 수정 vi /etc/httpd/conf/httpd.conf #vi 창에서 글 앞마다 라인 찍기 :set nu..

환경 리눅스, 센토스 7 톰캣 실행할 계정 생성 useradd -m -U -d /usr/local/tomcat -s /bin/false tomcat (sftp 접속하려면 /bin/false 가 아닌 /bin/bash 로 고치면 됌) passwd tomcat (비밀번호 설정) 톰캣 설치 #디렉토리 조정 cd /tmp #톰캣 압축파일 설치 wget https://www-eu.apache.org/dist/tomcat/tomcat-9/v9.0.27/bin/apache-tomcat-9.0.52.tar.gz #톰캣 압축파일 풀기 tar -xf apache-tomcat-9.0.52.tar.gz #압축푼 톰캣 폴더 옮겨주기 mv apache-tomcat-9.0.52 /usr/local/tomcat 원래는 깔끔하게 ap..

툴은 STS 스프링부트로 된 프로젝트 import 시 오류가 뜬다, 당연히 dependencies 가 새로고침이 안됐으니 오류가 뜨는걸텐데 프로젝트 우클릭해봐도 Gradle 이라는 메뉴가 안보인다. 근데 Configure - Add Gradle Nature 해주니까 그제서야 보인다. 겁나 아무것도 아닌데 좀 헤맸다 ㅡㅡ;