SMS
·
Web
사업자등록증있어야 사용 가능 SMS 개발시 추천하는 플랫폼자바로 에러없이 완벽하게 사용 가능https://www.ncloud.com/product/applicationService/sens
ERP프로젝트를 하며
·
Web
[트러블 슈팅]▶ 문제 정의ERP 입출고 화면에서 총액 컬럼 정렬 시 오류 발생입출고 관리 화면에서 사용자가 총액(totalAmount) 컬럼을 클릭하여 정렬하려고 할 때 서버 오류가 발생하여 데이터 로딩이 실패하는 문제가 지속적으로 발생. 다른 컬럼들은 정상적으로 정렬되나 총액 컬럼만 정렬 불가능한 상태로 사용자 불편 초래 및 업무 효율성 저하.▶ 원인 분석가상 컬럼(totalAmount)에 대한 서버 사이드 정렬 시도로 인한 DB 오류기존 totalAmount는 실제 데이터베이스 테이블의 물리적 컬럼이 아니라 프론트엔드에서 transQty * unitPrice로 동적 계산되는 가상 필드였음. 하위 서버에서 이 필드로 ORDER BY 절을 구성하여 정렬하려고 시도할 때 해당 컬럼이 존재하지 않아 SQL..
[Spring-boot] 소켓 통신
·
Web
[확장프로그램]소켓 테스트하는 프로그램 필요함크롬 확장 프로그램 : simple websocket clienthttps://chromewebstore.google.com/detail/simple-websocket-client/gobngblklhkgmjhbpbdlkglbhhlafjnh?hl=ko [소켓 통신]소켓통신은 웹서버간 양방향 통신ws또는 wss라는 것을 씀- http가 열려있다면 ws를 사용- https가 열려있다면 wss를 사용함 TCP 소켓 통신연결지향, HandShake 연결속도 느림http, https가 작동해야함 ftp, smtp, 웹채팅, 실시간 주식 데이터 신뢰성 높음단일 연결 통신 => 데이터 유실 발생시 잘못된 정보가 발송될 수 있음UDP 소켓 통신비연결 지향, 연결 설정 과정 없..
[Git] Clone (React + Spring-boot)
·
Web
https://9na0.tistory.com/172 file > import > Git 어쩌고 > Clone uri 이렇게했는데 오류남!!뭐 STS에서 프로젝트 하나도 안보이길래 또 클론했는데 이미 있다" data-og-host="9na0.tistory.com" data-og-source-url="https://9na0.tistory.com/172" data-og-url="https://9na0.tistory.com/172" data-og-image="https://blog.kakaocdn.net/dna/LjPYZ/hyY32Sao2N/AAAAAAAAAAAAAAAAAAAAAFUMLYibBFftv4CZp6o853NtAuA1Eg5PZy2FWy6qyQn_/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1759244399&allow_ip=&allow_referer=&signature=Jl4oEVRKHkcKxd34FsFI7bw3Ul8%3D
소셜로그인 세팅 - 구글, 카카오, 네이버
·
Web
OAuth2 클라이언트 등록 가이드🔵 Google OAuth2 설정1. Google Cloud Console 접속https://console.cloud.google.com/ 접속Google 계정으로 로그인2. 새 프로젝트 생성좌상단 프로젝트 선택 → "새 프로젝트"프로젝트 이름: login-demo-app생성 클릭3. OAuth 동의 화면 구성좌측 메뉴 → "API 및 서비스" → "OAuth 동의 화면"User Type: "외부" 선택 (개인 Google 계정인 경우)앱 이름: Login Demo App사용자 지원 이메일: 본인 이메일개발자 연락처: 본인 이메일저장 후 계속4. OAuth2 클라이언트 ID 생성좌측 메뉴 → "사용자 인증 정보""사용자 인증 정보 만들기" → "OAuth 2.0 클라이..
로그인 공부하기
·
Web
https://github.com/koona-0/logins1단계: JWT 기초 이해JWT의 구조와 동작 원리토큰 기반 인증 vs 세션 기반 인증Access Token과 Refresh Token 개념JWT 라이브러리 사용법 (jjwt 등)2단계: Spring Security 기본Spring Security 설정과 구조인증(Authentication)과 인가(Authorization) 개념SecurityFilterChain 이해기본적인 Form 로그인 구현3단계: Spring Security + JWT 통합JWT 토큰 생성/검증 유틸리티 클래스 작성JwtAuthenticationFilter 구현JWT 기반 로그인/로그아웃 API 개발토큰 갱신 로직 구현4단계: OAuth2 개념 학습OAuth2 흐름과 용어..
리액트 혼자 공부... 얼마 못했다...
·
Web
[리액트 어디에 깔지?] 현재 이미지에 보이는 구조는 site.samplelogin 이라는 폴더가 전체 프로젝트의 루트(Root) 폴더로 보입니다. 그 안에 src/main/java, src/main/resources, build.gradle 등 Spring Boot (Java) 프로젝트의 구성 요소들이 있습니다.이미지에는 React 프로젝트 폴더(예: sample-login 또는 frontend)가 직접적으로 보이지 않지만, 이전에 sample-login 폴더 아래에 React 프로젝트가 있었다는 설명을 바탕으로 판단해 볼 때,이러한 폴더 구조에서 프론트엔드(React) 파일을 둘 수 있는 가장 합리적인 위치는 크게 두 가지입니다:1. site.samplelogin 폴더 아래에 (하위 폴더로) 프론트엔..
프론트에서 계산한 값으로 정렬
·
Web
[입출고 총액 프론트에서 계산함] 총액 정렬 문제 해결 방법문제 원인:totalAmount는 실제 데이터베이스 컬럼이 아니라 프론트엔드에서 transQty * unitPrice로 계산되는 값서버에서 이 필드로 정렬하려고 하면 오류 발생해결 방법:1. 클라이언트 사이드 정렬 함수 추가 javascriptfunction sortTableByTotalAmount(data, order) { return data.sort((a, b) => { const totalA = (parseFloat(a.transQty) || 0) * (parseFloat(a.unitPrice) || 0); const totalB = (parseFloat(b.transQty) || 0) * (parseFloa..
250602
·
Web
[프로젝트에 react]cd 프로젝트디렉토리경로npx create-react-app 리액트폴더이름cd 리액트폴더이름npm install react-router-domnpm install http-proxy-middlewarenpm start 1. React + STS4 결합하여 개발2. React 별개 개발(Front), STS4(API-.jar) Back-end nginx 또는 httpd 가동msa_member => FTP => .jar => 업로드 linux 서버에서 jar 작동시 해당 환경에 java -version 찍어보고 해야함 단 포트포워딩 작동 되어야함 (필수)123.jar111.jar222.jar포트 다따로 돌려야함여유포트 항상 생각하기 server -s build cd 어... 멘탈..
250530
·
Web
[주저리]MSA - 하나의 프로젝트에서 여러개의 독립적인 서비스를 제공하는 방식ex) CMS(war)에서 소켓통신 1:1채팅(jar) ERP(war, Oracle)에서 배송에대한 택배기사 배송현황(jar, Mysql), 고객이 송장번호를 입력(jar, Mysql)1. 여러개의 데이터베이스를 선택적으로 사용가능함2. 독립적인 서비스를 구축할 수 있음 (API)3. .jar => src/main/webapp/.jsp 이거 못씀 작동 안함 jar안에 대시보드가 포함되게 됨 => 포트를 오픈 => 자체구조로 돌아가는 프로세서가 있음 //말그대로 WAS가 없어도 됨 자바vm형태로작동함 면접의 핵심 : 달달달 외운게 아니라 쉽게 설명해서 꼬리 안잡히기 [properties vs yml]propert..