본문 바로가기
728x90
반응형

분류 전체보기97

[React/docker] node.js 다른 버전 돌리기 1. 개요개발 PC에 설치된 node.js 는 18버전인데사용하는 소스코드는 node.js의 20버전을 이용할때. 사용하는 IDE에서npm run dev로 간단하게 실행하는게 좋지만혹시나, 현재 사용중인 버전과 다른 버전의 코드를 써야한다면도커를 사용하는게 좋은 대안이 될 수 있을 것 같아서 적어봄 1-1. 전제조건현재 PC에 도커 컨테이너가 설치되어있어야함.윈도우라면 도커 공식 설치페이지에 접속해서 설치 후 실행할 것 2. 본문#Dockerfile# Node 20 기반 이미지 사용FROM node:20# 작업 디렉토리 생성WORKDIR /app# package.json, package-lock.json 복사COPY package*.json ./# 의존성 설치RUN npm install# 나머지 코드 복.. 2025. 8. 17.
[java/spring] 구글 oauth 인증 구글 로그인 을 사용하려면 oauth 사용 필요, Spring Security 사용 필요초기 세팅 하는방법도 모름.어떤식으로 정보를 요청해야하는지,또 어떤 정보를 받는지 모름.로그인 기능구현의 주요 목표구글 로그인 적용하기 (민감하지 않은 개인정보, 구분 가능한 사용자정보 획득하기)부가목표누가, 어떤 기기로, 언제, 로그인 및 접속을 하였는지, 확인하기- 스프링 시큐리티 의존성https://docs.spring.io/spring-security/reference/getting-spring-security.html- 스프링부트 인증 서버https://docs.spring.io/spring-authorization-server/reference/index.html- 스프링부트 OAuth2 가이드https:/.. 2025. 5. 13.
[ JAVA/Spring ] yml의 변수 application.yml 에서 DB의 정보를 분리하기 위해 있었던 오류를 정리하는 글이다. 초기 프로젝트 세팅시 application.yml에 모든 정보를 집어넣고 세팅했었고DB연결을 분리하고 DB 접속 정보는 변수로 다루기 위해 db.yml이라고 선언.application.yml에서 불러오는(import) 형식으로 선언했다.spring: config: import: - classpath:/application-db.yml - classpath:/mybatis.yml 문제는 yml에 변수를 선언하고 가져다 사용하려고 했던 부분이다.로딩할때 application.yml에서 다른 yml파일을 불러올 수 는 있지만import 된 yml 안의 정의한 변수는 치환이 안.. 2025. 4. 15.
[React] React의 useState와 useEffect에 대한 이해 useStateReact에서 '상태'라는 개념은 단순한 변수처럼 보이지만 다름.useState로 선언한 값은 내부적으로 상태가 바뀔 때마다 컴포넌트를 리렌더링하게 되어 있음.일반 변수(let 등)는 값이 바뀌어도 화면은 바뀌지 않음.반면 useState는 setter 함수(setX)로 값을 바꾸면, React가 다시 렌더링을 해서 UI에 반영됨.→ 핵심:값 + 그 값이 바뀌었을 때 컴포넌트를 다시 그려줄지 말지를 React가 관리해주는 구조또한, React는 상태의 불변성을 중요하게 다룸.그렇기 때문에 항상 새로운 값을 만들어서 넘겨주는 식으로 상태를 업데이트해야 함.(ex. 배열이나 객체 수정 시 원본을 바꾸는 게 아니라 복사본 만들어서 set해주기)useRefuseRef는 값을 저장할 수 있지만, 리.. 2025. 4. 11.
[Ubuntu] 원격접속 Ubuntu 22.04  우분투 OS 원격접속 설치.데스크톱 버전을 사용중이었기 때문에 GUI 지원하는 패키지 설치하지 않았음.   Xrdp + Windows 원격 데스크톱 연결 설치패키지 openssh 설치sudo apt updatesudo apt install openssh-serversudo systemctl enable sshsudo systemctl start ssh xrdpsudo apt install xrdpsudo systemctl enable xrdpsudo adduser xrdp ssl-certsudo systemctl start xrdp xrdp 설치 후 설정파일 내용 변경 필요위치 : /etc/xrdp/startwm.sh sudo nano /etc/xrdp/startwm.shorsu.. 2025. 4. 9.
네트워크 잘못알고있던부분 내가알고있는 기본 네트워크 개념에는 망, 스위치, 라우터 가 전부였음 개략적으로 정리하면pc → 공유기 → 모뎀 → IPS → 특정 서버정도로 요약이 가능하고 상세하게 작성해도PC   ↓ 이더넷 공유기 (라우터)   ↓ 광케이블 통신사 네트워크 장비 (ONU/모뎀 등)   ↓ ISP (통신사) 코어 네트워크 장비들   ↓ 지자체/지역 백본망   ↓ 국가 간 연결망 (해저케이블 포함)   ↓ 상대방 서버 위치까지 라우팅정도라고 생각했었는데....프록시 서버, 리버스 프록시 서버, 게이트웨이, 로드밸런서에 대한 생각은 전혀 못하고 있었다.로드밸런서나 프록시 서버 같은건, 전용 장비를 따로 둘 수도, 프로그래밍적으로 처리가 가능하다는 것  로드밸런서라는건 예전에 네이버에서 이 수많은 접속자들을 어떻게 처리하는.. 2025. 4. 9.
728x90
반응형