2021/09 10

[React] concat, map, filter 기초 예제

리액트 프로젝트가 이미 생성되어있다는 가정하에 진행 concat 기존 배열 토대로 변경한 새 배열이 반환된다. 기존 배열은 바뀌지않음. map 약간 forEach 같은 느낌, 배열의 각각 요소에 대해서 조건에 따라 맞춰서 새로운 배열을 반환함 예 ) [1,2,3,4] 라는 배열 하나 있다치면, map( a => a * 10) ; 를 해줬을때 [10,20,30,40] 됨 filter 말그대로 필터링, 조건을 통과한 요소만 모아서 새로운 배열을 반환 IterationSample.js import React, { useState } from 'react'; const IterationSample = () => { //데이터 설정 const [names, setNames] = useState([ { id: 1,..

IT/React.js 2021.09.30

[Mysql/MariaDB] Insert 에러 Incorrect string value: '\xF0\x9F\x91\xB7\xF0\x9F...' for column

\xF0\x9F\x98\x81 \xF0\x9F\x98\x82 \xF0\x9F\x98\xA4 이게 뭔데 에러가 나는가 ? 흔히들 우리 휴대폰에서 자주 쓰는 "이모지 😁 😤" 가 유니코드화 된것. 4byte 로 구성되있음 UTF-8 문자 집합은 1~4 바이트까지 저장이 가능하게 설계가 되어있지만, MySql/MariaDB 에서의 UTF-8 은 3바이트 자료형으로 설계가 되었기 때문에, 최근에 나온 4바이트 문자열을 저장하려고 하면 에러가 발생하게됨 그래서 해결방법은 ? Mysql 버전 5.5.3 이후에서부터 데이터베이스 chartset을 utf8 을 utf8mb4 로 변경해주면 문제를 해결할수 있음. ** Linux - mariadb 설정파일의 경우 대부분 /etc/my.cnf 에 위치, cnf 같은 파일 ..

IT/SQL 2021.09.29

[Centos 6.10] jdk 버전 업그레이드 1.6 -> 1.8 java.io.IOException: HTTPS hostname wrong

java.io.IOException: HTTPS hostname wrong: should be at sun.net.www.protocol.https.HttpsClient.checkURLSpoofing(HttpsClient.java:524) at sun.net.www.protocol.https.HttpsClient.afterConnect(HttpsClient.java:448) at sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:166) at sun.net.www.protocol.http.HttpURLConnection.getOutputStream(HttpUR..

IT/잡다구리 2021.09.28

[React] 리액트 CORS 이슈 관련 해결법

통상 리액트 자체서버 포트는 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..

IT/React.js 2021.09.28

[React] 리액트 프로젝트 초기 세팅

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

IT/React.js 2021.09.23

[Laravel] 단순 API 샘플 (curl, post, get)

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

IT/PHP 2021.09.16

[Tomcat] React 404 톰캣서버 RewriteRule 설정 (Feat. SPA, 404 ERROR)

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

IT/잡다구리 2021.09.15

[Laravel] migration 관련 , 테이블 생성, 컬럼 수정, 삭제

라라벨에서 테이블 생성을 하려면 우선 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..

IT/PHP 2021.09.09

[Docker] Docker-compose 에서 .env 파일 사용

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 파일 없이 아래처럼 ..

IT/Docker 2021.09.03

[Linux] 리눅스 서버간 파일 , 폴더 이동 SCP

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@[원격서버]:[원격서버 경로]

IT/잡다구리 2021.09.03
300x250