티스토리

IT 공부방

검색하기

블로그 홈

IT 공부방

min-12.tistory.com/m

IT공부 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Content-Type 'application/x-www-form-urlencoded;charset=UTF-8' is not supported. 에러 설명해당 에러는 form 태그를 사용해서 서버를 호출할 경우 @RequestBody로 해당 데이터를 요청 받는다면 에러가 발생합니다.그 이유는 RequestBody → application/json 타입으로 해당 데이터를 받는 것이고, form → application/x-www-form-urlencoded 이러한 데이터 타입으로 전송하기 때문입니다.해결 방법ModelAttribute 사용하기@PostMapping("/signUp") public String signUpProc(@ModelAttribute MemberReqDto request) { memberService.signUp(request); return "redirect:/signIn"; }Reques.. 공감수 0 댓글수 0 2024. 9. 20.
테이블 정규화 제1정규형한 칸엔 하나의 데이터만 저장제2정규형현재 테이블의 주제와 관련없는 컬럼을 다른 테이블로 이동 시키는 것composite primary key두개 이상의 컬럼을 합치면, primary key 역할을 할 수 있는 컬럼partial dependency를 제거한 테이블하나의 composite primary key에 종속되는 컬럼을 다른 테이블로 제외 시키는 작업단점으로는해당 테이블 하나로는 데이터를 전부 표현할 수 없음제3정규형일반 컬럼에만 종속된 컬럼은 다른 테이블로 빼기제2정규형에서 transitive dependency 제거컬럼A라는 Primary key가 있다면 컬럼B는 컬럼A에 종속되고컬럼C는 컬럼B에 종속이 된다면컬럼C를 transitive dependency 라고 부른다이 컬럼C를 다른 .. 공감수 3 댓글수 1 2024. 9. 13.
localStorage 브라우저 저장공간위치 : 크롬 개발자도구의 Application 탭Local Storage / Session Storage (key : value 형태로 문자, 숫자 데이터 저장가능)Indexed DB (크고 많은 구조화된 데이터를 DB처럼 저장가능)Cookies (유저 로그인정보 저장공간)Cache Storage (html css js img 파일 저장해두는 공간)Local Storage / Session Storage 는문자, 숫자만 key : value 형태로 저장가능하고5MB까지만 저장가능합니다.Local Storage는 브라우저 재접속해도 영구적으로 남아있는데 Session Storage는 브라우저 끄면 날아갑니다.유저가 브라우저 청소하지 않는 이상 반영구적으로 데이터저장이 가능합니다.로컬스토리.. 공감수 0 댓글수 0 2024. 9. 10.
DOM(Document Object Model) 자바스크립트는 HTML를 조작하는 언어인데, 자바스크립트는 HTML 태그를 직접 해석이 불가능자바스크립트가 HTML 조작을 하기 위해서는HTML를 자바스크립트가 해석할 수 있는 문법으로 변환한 것이 DOM 입니다.예)Hello World위와 같은 HTML을 발견하면 브라우저가 document = {}에 담아 줍니다.var document = { div : { style : {color : 'blue'} innerHTML : 'Hello World' }}브라우저가 DOM을 생성해주고 document.div.innerHTML = ‘안녕’ 과 같이 자바스크립트를 이용해서 HTML 조작이 가능해 집니다. 공감수 0 댓글수 0 2024. 9. 9.
상품 상세 페이지 Tab 버튼 만들기 html Products Information Shipping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping csstab-button을 클릭 시 현재 클릭만 tab-button에 orange클래스를 추가tab-content에 show 클래스 부착ul.list { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc;}ul.list::after { content: ''; display: block; clear: both;}.tab-button {.. 공감수 2 댓글수 1 2024. 9. 6.
sort, filter, map html 테스트 예제var products = [{ id: 0, price: 70000, title: 'Blossom Dress' }, { id: 1, price: 50000, title: 'Springfield Shirt' }, { id: 2, price: 60000, title: 'Black Monastery' } ];동적으로 html 만들기 위한 템플릿 함수function 템플릿(data) { data.forEach((a, i) => { var 템플릿 = ` .. 공감수 0 댓글수 0 2024. 9. 6.
Bean 생성 방법 스프링이 뽑은 object를 Bean이라고 합니다.Bean으로 등록해두면 사용 할 때마다 객체를 생성하는 것이 아니라, DI로 가져다 쓸 수 있다.그러면 한 번 뽑아놓은 object를 계속 재사용하니까 매번 new 안해도 되어서 효율적BcryptPasswordEncoder Bean 등록SecurityConfig@Bean public PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); }Service Layerprivate final PasswordEncoder passwordEncoder;의존성 주입으로 받아서 사용한다. 공감수 0 댓글수 0 2024. 8. 19.
Spring Security 로그인 Spring Security 로그인React + spring bootSecurityConfigpackage com.sanplink.api.security;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.security.config.annotation.web.builders.HttpSecurity;import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;import org.springframework.secu.. 공감수 0 댓글수 0 2024. 8. 16.
리액트 CORS 에러 proxy 설정 리액트 CORS 에러리액트 Axios CORS 에러개발 환경Spring Boot## CORSspring.mvc.cors.allowed-origins=http://localhost:3000spring.mvc.cors.allowed-methods=GET,POST,PUT,DELETEspring.mvc.cors.allowed-headers=*React프록시 설정"proxy": "http://localhost:8080",운영 환경Reactconst { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function(app) { app.use( '/api', createProxyMiddleware({ tar.. 공감수 0 댓글수 0 2024. 8. 16.
메모리 구조 - Heap : 런 타임에 크기가 결정됨- Stack : 컴파일 타임에 크기가 결정됨 메모리 공간 종류 4가지 : Code, Data, Heap, Stack Code : 코드 영역에는 소스코드가 들어가는 영역Data : 프로그램 전역 변수, 정적 변수가 저장Heap : 사용자가 관리하는 영역으로, 데이터가 동적으로 생성되는 영역Stack : 함수의 호출정보, 매개변수, 지역변수 정보를 저장 공감수 0 댓글수 0 2024. 8. 14.
[AWS] EC2 Linux - Docker 설치 # sudo yum -y install docker -y # docker -v # sudo systemctl start docker # sudo systemctl status docker # sudo usermod -aG docker ec2-user # docker run hello-world - 컨테이너와 이미지 컨테이너 생성을 위해서는 이를 위한 이미지가 필요하다. 이미지는 정적인 파일이며, 수정이 된다면 수정된 이미지를 이용한 모든 컨테이너는 변경된 내용이 반영된 상태에서 배포된다 컨테이너는 이미지로부터 받은 내용을 토대로 생성되고, 컨테이너에 추가된 내용은 영구적으로 보관되지 않는다. 영구적인 보관이 필요하다면 별도의 volume 을 이용하여 데이터를 보관할 수 있다 이미지가 보관되는 장소 ( r.. 공감수 0 댓글수 0 2023. 11. 7.
[kubenetes] worker노드 삭제 후 다시 조인 1. worker노드 삭제 (master 노드) - kubectl delete node {worker노드 이름} - kubeclt get nodes -o wide // worker노드 확인 2. worker노드 초기화 (worker 노드) - kubeadm reset - rm -rf /etc/kubenetes - rm -rf /etc/cni 2-1 실행중인 컨테이너 전부 삭제 - for i in $(crictl ps -a);do crictl stop $i; done - for i in $(crictl ps -a);do crictl rm $i; done 3. worker노드 조인 control plane노드에서 클러스터 조인 명령어를 생성합니다. - kubeadm token create --print-jo.. 공감수 0 댓글수 0 2023. 3. 6.
[VLAN] # show vlan-switch br // 현재 생성되어있는 vlan 조회 # vlan database // vlan 생성을 위한 접속 # vlan 10 name v10 # vlan 20 name v20 // vlan 번호 이름 Interface vlan 적용 # conf t (config)# interface f1/0 (config-if)# switchport access vlan 10 // interface 1/0을 vlan 10으로 적용 공감수 0 댓글수 0 2023. 3. 2.
[CentOS] Docker 설치 CentOS - 사전 설치 yum -y update yum install -y yum-utils # docker repository 시스템 추가 yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo yum-config-manager --enable docker-ce-nightly # docker engine install yum -y install docker-ce docker-ce-cli containerd.io # 서비스 기동 및 등록 systemctl start docker systemctl enable docker # 서비스 확인 systemctl status docker - docker engin.. 공감수 0 댓글수 0 2023. 2. 21.
[k8s] TLS certificate errors https://kubernetes.io/docs/setup/production-environment/tools/kubeadm/troubleshooting-kubeadm/ TLS certificate errors The following error indicates a possible certificate mismatch. # kubectl get pods Unable to connect to the server: x509: certificate signed by unknown authority (possibly because of "crypto/rsa: verification error" while trying to verify candidate authority certificate "kubernete.. 공감수 0 댓글수 0 2023. 2. 21.
Ubuntu 초기 설정 IP 설정 - 설정 파일 : /etc/netplan/00-installer-config.yaml - dhcp 방식 network: ethernets: eth0: dhcp4: true nameservers: addresses: ["네임서버 주소"] version: 2 - static 방식 network: ethernets: eth0: dhcp4: no addresses: - 192.168.0.100/24 gateway4: "192.168.0.1" nameservers: addresses: [1.214.68.2, 61.41.153.2] version: 2 - nmcli commnad not found 에러 시 sudo apt-get install network-manager - 설정 적용 sudo netpl.. 공감수 0 댓글수 0 2023. 2. 20.
[Ubuntu]Docker 설치 환경 ubuntu : 20.04 LTS CPU : 2core MEM : 2GB 기존 Docker 설치 확인 및 삭제 docker 설치 확인 dpkg -l | grep -i docker docker 삭제 sudo apt-get purge -y docker-engine docker docker.io docker-ce sudo apt-get autoremove -y --purge docker-engine docker docker.io docker-ce sudo apt-get autoremove -y --purge docker* sudo apt-get remove docker docker-engine docker.io containerd runc 모든 이미지, 컨테이너 및 볼륨을 삭제 sudo rm -rf /v.. 공감수 0 댓글수 0 2023. 2. 16.
[Ubuntu] kubernetes 설치 1. 초기 설정(master/worker node) 2G 이상 메모리 2 CPU core 이상 방화벽 off, 설정 보안그룹 설정(AWS) Swap off (필수) 방화벽 설정 sudo ufw disable Master node Protocol Direction Port Range Purpose Used By TCP Inbound 6443* k8s api server All TCP Inbound 2379 - 2380 etcd server client api kube-apiserver, etcd TCP Inbound 10250 kubelet API Self, Control plane TCP Inbound 10251 kube-schedular Self TCP Inbound 10252 kube-controll.. 공감수 0 댓글수 0 2023. 2. 16.
[Spring Boot] 환경 설정 및 설치 intellij download (Community version) https://www.jetbrains.com/idea/download/#section=windows spring boot download https://start.spring.io/ 1. zip 파일을 다운로드하여서 intellij 설정 되어있는 project 폴더에 압축풀기 2. intellij > openfolder > 압축푼 폴더 열기(build에서 필요한 라이브러리 다운로드 받을 때까지 기달리면 됨) ERROR 프로젝트 실행 시 에러 - Process finished with exit code 0 내장 톰캣과 관련된 문제 build.gradel dependencies { implementation 'org.springframew.. 공감수 0 댓글수 0 2023. 1. 25.
Centos 8 oracle19c 설치 /etc/hosts 설정 1 2 3 4 vi /etc/hosts 127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4 ::1 localhost localhost.localdomain localhost6 localhost6.localdomain6 192.168.137.50 oel8 --추가 /etc/hostname 확인 1 2 # vi /etc/hostname oel8 오라클 설치 전 사전 설정 자동 설정 1 # yum install -y https://yum.oracle.com/repo/OracleLinux/OL7/latest/x86_64/getPackage/oracle-database-preinstall-19c-1.0-.. 공감수 0 댓글수 0 2023. 1. 5.
CentOS7 Oracle 11g 설치 1. 의존 라이브러리 설치 root 계정으로 설치 yum -y install compat-libstdc++-33.x86_64 binutils elfutils-libelf elfutils-libelf-devel yum -y install glibc glibc-common glibc-devel glibc-headers gcc gcc-c++ libaio-devel yum -y install libaio libgcc libstdc++ libstdc++ make sysstat unixODBC unixODBC-devel yum -y install unzip yum -y install compat-libstdc++-33.x86_64 binutils elfutils-libelf elfutils-libelf-devel .. 공감수 0 댓글수 0 2022. 3. 21.
Tomcat 설치 및 확인 1. 톰켓 다운로드 http://archive.apache.org/dist/tomcat/tomcat-8/v8.5.27/bin/apache-tomcat-8.5.27.tar.gz 2. 압축 해제 tar zxvf apache-tomcat-8.5.27.tar.gz 3. 폴더 이동 mv apache-tomcat-8.5.27/ /usr/local 4. 심볼릭 생성 ln -s apache-tomcat-8.5.27 tomcat 5. 환경 변수 설정 환경변수 CATALINA_HOME 은 실행할 톰캣이 설치된 기본경로를 의미한다. source /etc/profile 로 설정 반영 6. 실행 / 중지 확인 ** 실행 /usr/local/tomcat/bin/start.sh ** 서비스 확인 netstat -na | grep .. 공감수 0 댓글수 0 2022. 3. 21.
[Linux] FTP 사용자 제한 설정 사용자 제한 설정하는 방법 /etc/vsftpd/vsftpd.conf userlist_enable = YES userlist_deny = NO userlist 파일에 명시된 사용자 접속 가능 ftpusers 파일 이용 /etc/pam.d/vsftpd auth required pam_listfile.so item=user sense=allow file=/etc/vsftpd/ftpusers onerr=succeed sense=allow or sense=deny deny : ftpusers 파일에 등록된 사용자 접근 불가 allow : ftpusers 파일에 등록된 사용자만 접근 가능 두 가지 접근 제한 방식은 별개이기 때문에 접근이 제한되었을 경우에는 에러 메시지가 다르게 나타난다. user_list인 경우.. 공감수 0 댓글수 0 2022. 2. 28.
Packet 개념 및 종류 IP Header 구조 (1) Version : 버전을 표시 IPv4 : 4 , IPv6 : 6 (2) Header Length : IP 패킷에서 헤더가 차지하는 길이 IP 패킷은 "헤더+데이터+옵션"으로 구성되므로 헤더의 길이를 알면 데이터의 시작점을 알 수 있다. (3) (TOS) Type Of Service : 서비스 타입 및 수준 표시(패킷이 얼마나 빨리 처리/전달되어야 하는지에 대한 정보) 111 : 네트워크용 컨트롤러 110 : 인터네트워크 컨트롤요 101 : CRITIC/ECP 100 : 플래쉬 오버라이드용 011 : 플래쉬 용 010 : 즉시 처리용 001 : 우선 처리용 000 : 일반 처리용 (4) Total Length : 패킷의 전체 길이를 표시 (5) Identification :.. 공감수 0 댓글수 0 2022. 2. 25.
포트 스캔(PortScan) 개념 및 종류 포트 스캔이란? 대상의 어떤 포트가 열려 있는지 확인하는 작업 1. TCP Open 스캔 3-way handshake 과정 포트가 열려있는 경우에는 대상 시스템으로부터 SYN+ACK 패킷을 수신하면 그에 대한 ACK패킷을 전송하여 연결을 완료하는 방식 포트가 닫혀있을 경우에는 대상 시스템이 연결 요청을 받아들이지 못하므로 RST+ACK 응답이 온다. 완전한 TCP 연결을 하기 때문에 확실한 결과가 나오지만, 검색 속도 느리고 대상 서버에 로그가 남는다. 2. TCP Half-Open 스캔 세션에 대한 로그가 남는 TCP Open 스캔의 단점을 보완하기 위해 나온 기법으로 로그를 남기지 않아 추적이 불가능한 기법이다. 3-way handshake 과정에서 SYN 패킷을 받는 서버가 SYN-ACK 패킷을 응.. 공감수 0 댓글수 0 2022. 2. 25.
VLOOKUP = VLOOKUP( 찾을 값, 찾을 범위, 표시할 n번째열, 찾기 옵션 ) 1) 찾을 값 : 범위의 첫번째 열에서 찾을 값을 의미 2) 찾을 범위 : 찾을 값과 참조할 값을 모두 갖고 있는 데이터 범위, 항상 찾을 값이 참조할 값보다 왼쪽에 있어야 함, 이때 절대참조주소를 사용해서 지정해야 함 3) 표시할 n번째열 : 범위에서 참조한 후 표시할 데이터가 있는 열의 인덱스번호 4) 찾기 옵션 : 찾을 값을 범위의 왼쪽 첫번째 열에서 찾을 때, 찾을 방법을 지정 (FALSE : 정확하게 일치하는 값을 찾는다, TRUE : 값이없는경우에는 찾을값보다 작은값 중 가장큰값을 찾는다) VLOOKUP(데이터를 넣을 파일의 비교 기준이 되는 셀 선택, 데이터를 불러올 곳에서 데이터 범위 전체 설정, 데이터 불러올 곳에.. 공감수 0 댓글수 0 2021. 11. 19.
<리눅스 네트워크 관리> 1. IP 정보 확인 - ip addr show - ifconfig 2. routing 테이블 정보 확인 - ip route 3. 네트워크 연결 확인 - traceroute [option] destination --> 목적지까지 가는 라우터 경로 출력 - tracepath [option] destination --> traceroute에 비해 간결하게 결과 값 출력 - ping [옵션] destination 2) 네트워크 관리자 (NetworkManager) - 네트워크 관리자는 /etc/sysconfig/network-scripts 디렉터리 설정파일을 저장함 설치 yum -y install NetworkManager - nmcli : 커맨드라인 도구 - nmtui : 텍스트 유저 인터페이스 도구 - n.. 공감수 0 댓글수 0 2021. 1. 19.
Linux [계정관리] passwd -x 40 -n 1 [username] - x : 패스워드 최대사용일 - n : 패스워드 최소사용일 - l : Lock 계정의 패스워드 잠금(계정접속불가) - u : unLock 계정의 패스워드 잠금해제 - d : 패스워드 삭제(아이디 입력시 로그인) 설정 파일 경로 : /etc/pam.d/system-auth (기존 password requisite 주석처리 후 새로 작성) retry = 3 // 3번 패스워드 재입력 가능 minlen = 8 // 최소길이 8자리 lcredit = -1 // 소문자 최소 1자 이상 요구 ucredit = -1 // 대문자 최소 1자 이상 요구 ocredit = -1 // 특수문자 1자 이상 요구 ( ※ -1값은 해당 문자를 반드시 포함시켜야 한다는 의미) .. 공감수 0 댓글수 0 2021. 1. 19.
RHEL 7 Teaming 설정 방법 테스트 환경 : Vmware RHEL 7.7 64bit 1. OS에 NIC이 기본적으로 한개이기 때문에 1개를 추가해서 총 2개로 만든다. 2. NIC 정보 확인 #ip link --> 인터페이스 정보 출력 #nmcli dev status --> 디바이스 타입 및 상태 출력 #nmcli con show --> 디바이스 UUID 및 타입 출력 ※UUID 확인 방법 3. Team 장치 생성 #nmcli con add con-name team0 type team ifname team0 config '{"runner":{"name":"activebackup"}}' --> team0라는 티밍 인터페이스 생성 activebackup : failover runner로 이것은 데이터 전송을 위한 링크 변경을 감시하고 .. 공감수 0 댓글수 0 2021. 1. 19.
STP(스패닝 트리 프로토콜) 및 LACP 1. STP란? 네트워크의 안정성을 위하여 스위치를 이중화 시킨 경우에, 스위치를 물리적으로 루프 구조를 가지는데 물리적인 루프 구족에서 특정 포트를 차단하여, 루프를 방지 한다.( 설정을 하지 않아도 자동으로 동작함) BPDU란? 스위치가 루프를 막기 위해 2초마다 다른 스위치에게 만들어 보내는 정보 1) Configuration BPDU ( 설정 BPDU) : 루트스위치가 만들어 일반스위치에게 보내는 정보 루트스위치 -> 전달 -> 일반스위치(목적지) -> 재전달 -> 일반스위치(목적지) Bridge ID + MAC address Path cost Port ID 로 루트 스위치가 선정된다. LACP(Link Aggregation Control Protocol) 단일 스위치의 물리적인 포트 여러개를 하.. 공감수 0 댓글수 0 2021. 1. 5.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.