전체 글
-
useState를 통한 component에서 변경되는 값 관리하기Computer Science/React 2022. 8. 2. 19:51
리액트 16.8 버전 이후로 함수형 component에서 상태를 관리할 수 있게 됨에 따라 사용이 가능하다. Hooks 라는 기능이 16.8에 도입되면서 사용 가능한 Hooks 중 하나이다. import { useState } from 'react'; const [championName, setChampionName] = useState('' "); 첫 번째 인자값이 관리되고 있는 값이고 두 번째 인자는 함수로 써 첫 번째 값을 변경할 수 있다. const onChange = (e) =>{ setChampionName(e.target.value); } onChange 함수를 두어 들어 온 값을 두 번째 인자를 이용하여 변경 할 수 있다.
-
[library] 한글 검색 기능.Computer Science/JavaScript 2022. 8. 2. 19:45
https://www.npmjs.com/package/hangul-chosung-search-js#cdn-%EB%B0%A9%EC%8B%9D-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95 hangul-chosung-search-js hangul-js를 이용한 한글 초성(+중성+종성) 검색 라이브러리입니다.. Latest version: 1.1.3, last published: 2 years ago. Start using hangul-chosung-search-js in your project by running `npm i hangul-chosung-search-js`. There are no other www.npmjs.com npm install hangul-chosung-sear..
-
React CORS 처리Computer Science/React 2022. 8. 1. 23:19
교차 출처 리소스 공유(Cross-Origin Resource Sharing)은 한 출처에서 실행 중인 웹 application이 다른 출처의 자원에 접근할 수 있는 권한을 추가 http 헤더를 이용하여 알려주는 체제이다. XMLHttpRequest 와 Fetch API는 동일 출처 정책을 따르기에 이부분을 염두해두어야한다. 해결방법. 중간에 프록시서버를 두면 되지만 react는 간단하게 해결이 가능하다. package.json에 "proxy" : "http://~" 를 적용시키고 해당 url을 사용하는 fetch api에서 url의 호스트를 지워준뒤 사용하면 된다. "http://~/test" -> "/test" 만약 여러 경로를 사용해야 하는 경우. npm install http-proxy-middl..
-
aws nginx 설치 및 기본 명령어.Computer Science/Nginx 2022. 8. 1. 15:50
yum info nginx 초기에는 찾을수가 없어서 당연히 error 발생. sudo vi /etc/yum.repos.d/nginx.repo [nginx] name=nginx repo baseurl=http://nginx.org/packages/centos/7/$basearch/ gpgcheck=0 enabled=1 nginx.repo 생성으로 repository 등록. yum info nginx 로 다시 한번 확인. sudo yum install nginx nginx -v ningx 시작. sudo systemctl start nginx ningx 중지. sudo systemctl stop nginx nginx 상태 확인. sudo systemctl status nginx
-
Cerbot을 통한 SSL 발급받아 Spring boot에 적용하기Computer Science/Spring boot 2022. 7. 27. 03:05
https://certbot.eff.org/instructions?ws=other&os=arch SSL 인증서 받기 sudo certbot certonly --standalone 를 통해 SSL 인증서를 발급받는다. Successfully received certificate. Certificate is saved at: /etc/letsencrypt/live/subbak2.com/fullchain.pem Key is saved at: /etc/letsencrypt/live/subbak2.com/privkey.pem 2가지 pem키를 얻을 수 있다. 인증서 tomcat용으로 변경 SSL 인증서를 spring boot 에서 필요한 형식 즉 tomcat이 사용하는 형식으로 변경한다.(PKCS12) opens..
-
AWS snap 사용하기카테고리 없음 2022. 7. 27. 02:18
https://forum.snapcraft.io/t/unofficial-snapd-repository-for-amazon-linux-2/24269/6 /# yum repolist Loaded plugins: langpacks, priorities, update-motd 216 packages excluded due to repository priority protections repo id amzn2-core/2/x86_64 amzn2extra-epel/2/x86_64 epel/x86_64 snapd-amzn2/x86_64 repolist: 38934 위와 같이 snapd-가 들어가 있어야한다. google:amazon-linux-2-64 /# yum list snapd\* Loaded plugins: ..
-
open-jdk-17 설치.Computer Science/Java 2022. 7. 27. 01:22
wget 이 설치가 안되어 있다면. sudo yum -y install wget curl jdk 다운 wget https://download.java.net/java/GA/jdk17.0.2/dfd4a8d0985749f896bed50d7138ee7f/8/GPL/openjdk-17.0.2_linux-x64_bin.tar.gz 압축 풀기 tar xvf openjdk-17.0.2_linux-x64_bin.tar.gz 파일 위치 변경 sudo mv jdk-17.0.2/ /opt/jdk-17/ 환경변수 설정 vim ~/.bashrc export JAVA_HOME=/opt/jdk-17 export PATH=$PATH:$JAVA_HOME/bin 적용 source ~/.bashrc 상세내용 https://techview..