전체 글111

• 

  NextJs + Spring Boot에 SAML 기반 SSO 적용 안녕하세요 디벨로펄입니다.회사에서 front 코드를 jsp에서 nextjs로 변경하기로 결정되었습니다.약 4년 쯤 전 시작한 프로젝트에서 jsp를 사용하게 된 것이 조금 아쉽지만그래도, 아직 바꾸기에 늦지 않았네요기존 프로젝트 구조 및 변경점기존 프로젝트Backend : Spring BootFrontEnd : jspSSO, SSL 적용변경 프로젝트Backend : Spring BootFrontEnd : nextjsSSO, SSL 적용 - 이슈문제점기존에는 하나의 server로 진행돼서 인증을 요청하고 redirect 되는 경로가 일치했습니다.하지만, front와 backend를 분리하면서 redirect되는 경로가 일치하지 않는 문제가 발생합니다.이는 nginx의 프록시를 활용하여 해결합니다.SAML 인.. 카테고리 없음 2025. 2. 25.

• [Flutter] SQFLite DB Migration 진행하는 방법 안녕하세요 디벨로펄입니다. flutter에서 DB 마이그레이션....처음부터 구성을 잘 못해서, 새로 만드는 것보다 더 힘드네요 Migration의 전반적인 순서는 다음과 같습니다.1. 변경되는 테이블 생성2. 변경되는 테이블에 현재 데이터 옮기기3. 현재 db 테이블 삭제4. 변경되는 테이블명을 본래 테이블 명으로 수정5. 관련 method 문제 없도록 수정 단순한 테이블 사용하려다가, 엮으니 되게 복잡하네요...차근차근 따라가보겠습니다. 여기서 가장 큰 문제는각 경우에 맞는 쿼리를 짜는게 가장 큰 문제입니다.gpt의 도움을 받아서 하나씩 차근차근 변경합니다.  1. 변경되는 테이블 생성다음과 같이 변경하는 Table을 생성해줍니다.저는 table명도 변경해서 다음과 같이 설정했습니다.version이 .. Flutter 2024. 12. 26.

• 

  [Flutter] 안드로이드 앱 배포 하는 방법 정리 안녕하세요 디벨로펄입니다. flutter를 자주하지는 않다보니, 배포 할 때마다 헷갈리네요 이 글에서 배포 과정을 정리하여, 다음부터 막힘없이 진행할 수 있도록 해보겠습니다. 배포1. 안드로이드 스튜디오 Termial에서 다음 명령어 입력flutter build appbundlebuild > app > outputs > bundle > release > app-release.aab 파일 생성 확인2. 구글 플레이스토어 콘솔에 업로드테스트 및 출시 > 프로덕션 > 새 버전 만들기디버그 기호 업로드1. build>app>intermediates>merged_native_libs>release>out>lib아래 세 개를 압축합니다.2.App bundle 탐색기 > 화살표> 다운로드> 업로드위 경로로 진입하여 .. Flutter 2024. 12. 17.

• 

  파이썬으로 네이버 카페 댓글 자동으로 작성하기 - 갯수 한정 안녕하세요 디벨로펄입니다. 웨딩 관련해서 네이버 카페에 댓글 하루에 10개를 달면 1000원을 벌 수 있습니다.한 달 최대 10개이니 총 1만 원인셈이지요 하지만, 챙기는게 너무 귀찮고 힘듭니다. 카페 댓글 10개정도면, 파이썬으로는 충분히 가능할 것 같지 않나요? 맞습니다.매우 쉽게 가능합니다.  이 글에서는 댓글 자동화 프로세스와구현 과정에 대해서 말씀드리도록 하겠습니다.요약프로젝트 개요 및 정리카페 댓글 자동 작성 프로세스구현 원리상세 코드 프로젝트 개요 및 정리총 소요시간 : 5시간주요 이슈 : 네이버 로그인 자동화(네이버에서 로그인 자동화 기능을 막아둠)언어 : python라이브러리 :  selenium, openai배운점python에서 GPT API를 활용하는 방법 습득selenium으로 유의.. Python 2024. 10. 30.

• 경조사 다이어리 개인정보처리방침 1. '경조사 다이어리' 앱에서는 설치된 기기에서 가져온 연락처는 앱의 용도에 맞게 사용합니다. 사용자의 기기에만 저장되며, 사용자가 직접 공유하지 않는 이상 다른 곳으로 공유되지 않습니다. 카테고리 없음 2024. 9. 28.

• 

  Slack 메세지 보내기 - Kotlin 안녕하세요 펄입니다.Slack으로 메세지 보내는 기능을Incoming Webhooks(수신 웹후크)를 활용해서 구현해보도록 하겠습니다. Slack 앱 관리 및 설정: Slack 앱을 선택한 후 "Apps"를 클릭합니다. 그런 다음 "앱 관리 및 설정"을 선택합니다.앱 찾기: 상단 검색 창에 "Incoming Webhooks"을 입력하여 해당 기능을 찾습니다.Incoming Webhooks 활성화: Slack에 추가버튼을 누르고, 메세지를 활용할 채널을 추가합니다.웹훅 URL확인 : 활성화 후, URL을 확인합니다. Koktlin 메세지 보내는 코드Slack에 메세지를 보내는 코드는 아래와 같습니다.WebHook URL과 메세지 내용만 필수로 들어가면 됩니다.icon이나, username은 추가로 설정할 .. Kotlin 2024. 5. 27.

• 

  관계 해석과 관계 대수 관계 해석(Relational Calculus)원하는 정보가 무엇인지에 대해 정의하는 비절차적 언어SQL문과 같은 질의어를 사용하며 튜플 관계해석, 도메인 관계 해석으로 구분됩니다.튜플 관계 해석 : 튜플을 기준으로 데이터를 조회합니다.도메인 관계 해석 : 속성을 기준으로 데이터를 조회합니다.관계 해석과 관계 대수는 RDB 처리하는 기능과 능력에서 동등합니다.논리기호 : OR(∨), AND(∧), NOT(￢)모든 것에 대하여(∀)어느 것 하나라도 존재(∃) 관계 대수원하는 정보과 그 정보를 유도하는 방식을 정의하는 절차적 언어입니다.일반 집합 연산자 : 합집합 ∪ , 교집합 ∩ , 차집합 - , 교차곱 ×순수 관계 연산자 : SELECT(σ), PROJECT(π), JOIN(⋈), DIVISION( ÷ .. 개념/정보처리기사 2024. 4. 26.

• 

  데이터 정규화(1NF, 2NF, 3NF, BCNF) 정규화란?데이터 무결성을 유지하기 위해 중복을 최소화하고, 일관성을 보장하기 위한 개념입니다.※ 무결성 : 데이터의 정확성, 일관성, 유효성이 유지되는 것을 뜻합니다.제1정규형(1NF) : 도메인이 원자값만 가지도록 분해제2정규형(2NF) : 부분 함수 종속 제거제3정규형(3NF) : 이행적 함수 종속 제거BCNF(보이스 코드 정규형) : 결정자가 후보키가 아닌 종속 제거제4정규형 : 다치 종속 제거제5정규형 : 후보키를 통하지 않는 조인 종속 제거정규화의 목적은 삽입, 갱신, 삭제에서 발생하는 이상현상을 제거하는 것입니다.삽입 이상 : 데이터 넣을 때, 관련 없는 정보도 함께 넣어야 하는 현상갱신 이상 : 데이터 갱신 시, 데이터의 불일치가 발생하는 현상삭제 이상 : 데이터 삭제 시, 관련된 정보도 함.. 개념/정보처리기사 2024. 4. 26.

• 

  React - 변경 가능한 제목 만들기(Ant Design) 아이디어 Canva에서 프로젝트명을 바꿀 수 있는 것처럼 여행 제목을 바꿀 수 있어야 합니다. 초기 제목을 표현하기 위해서 h1태그를 활용했지만, 변경이 불가능합니다. Ant Design 컴포넌트 중 Input을 활용하면 변경 가능한 제목을 표현할 수 있습니다. 제목 관련 기능 및 구현 결과 제목을 클릭하면 변경할 수 있어야 합니다.(이 때 윤곽선은 나타나도 괜찮습니다.) Input인 티가 나지 않도록 윤곽선이 없어야 합니다. 값이 변경된 것을 인식하고 적당한 처리를 할 수 있어야 합니다. 글자가 제목처럼 커야합니다.(20px) 위 기능 대로 구현한 결과는 아래와 같습니다. 구현 코드 const editableTitleStyle: React.CSSProperties = { border: "none", m.. WEB/REACT 2024. 4. 10.

• 

  React - useState, Hooks 기초 React QuickStart Quick Start – React The library for web and native user interfaces react.dev Updating the screen 컴포넌트가 특정 정보를 기억하고, 이를 보여주는 기능이 필요할 때 사용합니다. ex) 버튼이 클릭된 횟수를 세는 경우가 있죠 이 때, 아래 코드를 사용하면 특정 값의 변화에 따라 컴포넌트가 변화하는 것을 확인할 수 있습니다. 여기서 반드시 setCount(또는 본인이 설정한 함수)로 count(state)를 변경해주어야 합니다. import { useState } from 'react'; function MyButton() { const [count, setCount] = useState(0); func.. WEB/REACT 2024. 4. 6.

• 

  React - 완전 기초 리액트 Quick Start Quick Start – React The library for web and native user interfaces react.dev React Component - 반드시 대문자로 시작해야합니다. - HTML은 반드시 소문자이어야 합니다. JSX 아래와 같은 Markup Syntax를 JSX라 부른다. 별도 설치 없이 사용할 수 있습니다. - JSX 태그는 HTML보다 엄격한 규칙을 따라야합니다. - 닫는 태그 가 반드시 필요하며, - 여러 개의 JSX를 리턴할 수 없습니다. - 하나의 JSX태그로 감싸서 리턴해야합니다. ex) ..., ... 엄청 긴 HTML을 JSX코드로 바꾸려면, 다음 페이지에서 변환해보세요~ https://transform.tools/html-t.. WEB/REACT 2024. 4. 6.

• 코틀린 - 함수 - Do it 코틀린 프로그래밍 책보고 공부한 내용입니다. 콜백함수 - 특정 이벤트가 발생하기까지 처리되지 않다가 이베트가 발생하면 즉시 호출되어 처리되는 함수 fun networkCall(onSuccess : (ResultType)->Unit, onError : (Throwable) -> Unit){ try{ onSuccess(myResult) } catch (e: Throwable){ onError(e) } } networkCall(result ->{ // 네트워크 호출 성공 시 구현 }, error->{ // 네트워크 호출에 실패 시 구현부 }); 익명함수 - 일반 함수지만 이름이 없는 것 - 람다식에서는 return이나 break, continue 같은 제어문을 사용하기 어렵다. fun(x: In.. 카테고리 없음 2024. 3. 20.