노력하는 개발자 노력하는 개발자

Language

• React로 Gauge Chart 만들기

  Language/React 2025. 2. 27. 17:07

  2년전 차트로 화면을 표시할때 비슷한 차트 라이브러리를 찾고 커스터마이징해서 작업하는데 시간이 꽤 많이 소요되었다. 찾는것도 일이지만 직접 만들지 않았다보니 커스터마이징이 헬일경우가 많다.이번에 리뉴얼이 많이 되면서 비슷한 차트를 찾기도 힘들고 유지보수도 힘들것 같으니 직접 만들어보기로 했다. 1. Figma에서 화면 캡쳐 및 GPT에서 html로 변환 요청캡쳐 및 GTP 요청이렇게 요청하면 react-gauge-char등 기존 라이브러리를 찾아서 사용하라고 한다.. OTL.. 다시요청예상대로 svg로 만드는 법을 알려준다. 대충 만들어 진 코드 react에 복붙하면된다. 2. React 적용 및 커스터 마이징GPT로 요청한건 아직까지는 완벽하지 않다. 많이 부족하다.. 그래도 없는것 보다는!!아래 겁..

  Read More
• InfiniteScroll 컴포넌트 간단구현

  Language/React 2025. 2. 24. 11:36

  react + java + jpa 환경에서 InfiniteScroll을 간단하게 구현해 보자. Reactviews Componentconst ReceiptViews: React.FC = (props) => { const [loading, setLoading] = useState(false); const [hasMore, setHasMore] = useState(true); const paginationRef = useRef({ current: 1, pageSize: 9 }); const pageNoRef = useRef(1); ... const fetchItems = async () => { setLoading(true); const l_pageNo = pageNoRef.cu..

  Read More
• 리뷰 작성 유도 방법

  Language/iOS,AOS 2025. 1. 8. 10:29

  iOS에서 리뷰 작성을 유도하기 위해서 팝업 및 리뷰페이지 이동방법을 정리한다. 소스코드MainViewControllerclass MainViewController: BaseViewController { let APP_STORE_ID = "111111111" ...}enum WebAction: String { ... case openReviewApp case openReviewPage}extension MainViewController: WKScriptMessageHandler { func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMes..

  Read More
• Spring Boot의 주요 이벤트 정리

  Language/Java 2024. 12. 27. 17:41

  aws 서버에 소스를 배포하기 전후 처리를 appspec.yml에서 ApplicationStart 및 ValidateService hooks을 사용해서 처리하려다가 스프링에서 처리하는게 안정적이고 효과적일듯 하여 정리해 둔다. Spring Boot의 주요 이벤트이벤트 실행 순서대로 정리해 보았다.1. ApplicationStartingEvent애플리케이션이 가장 처음 시작될 때 발생환경 변수나 다른 설정들이 로드되기 전에 발생로깅 초기화 외의 어떤 처리도 하기 전 상태2. ApplicationEnvironmentPreparedEvent환경 변수들이 준비된 후 발생application.properties/yml 파일이 로드된 시점아직 ApplicationContext는 생성되기 전 상태3. Applicat..

  Read More
• iOS, Swift에서 swipe back 제스처 인식기 추가

  Language/iOS,AOS 2024. 12. 26. 17:10

  메인 WKWebView Swipe 활성화Swipe로 뒤로가기, 앞으로가기 활성화override func viewDidLoad() { ... wKMainWeb?.allowsBackForwardNavigationGestures = true ...}Swipe로 뒤로가기, 앞으로가기 비활성화override func viewDidLoad() { ... wKMainWeb?.allowsBackForwardNavigationGestures = false ...} 팝업 UIView 설정UIView등 새창으로 생성되는곳에 코드를 삽입해준다.팝업 호출시 스와이프 백 제스처 인식기 추가// MARK: - iOS Bridge// 웹 액션 정의 : WebAction을 구분하는데 사용되는 타입enum WebAction:..

  Read More
• CocoaPods 버전 올리기

  Language/iOS,AOS 2024. 12. 26. 11:03

  최신 버전 확인CocoaPods의 최신 버전 정보는 RubyGems 웹사이트에서 확인할 수 있다.터미널에서 다음 명령어를 입력하여 현재 RubyGems에 등록된 CocoaPods의 최신 버전을 확인할 수 있다.버전 확인$ gem search '^cocoapods$' --remote CocoaPods 업그레이드업그레이드$ sudo gem install cocoapods 설치확인$ pod --version CocoaPods Repo 업데이트CocoaPods의 리포지토리 정보도 최신 상태로 업데이트하는 것이 좋다고 한다.새로운 라이브러리와 호환성 정보를 제공한다고 하는데 정확히는 잘 모르겠다. 그냥 해놓자.실행$ pod repo update 프로젝트의 pod업데이트깔끔하게 정리해서 업데이트 하자$ pod ca..

  Read More
• JWT란?

  Language/기타 2024. 12. 13. 15:12

  오랜만에 SpringBoot에서 JWT를 다시 설정하면서 용어 등 원리등을 정리해두자. 대부분이 GPT내용이긴 하지만 정리하면서 머리속에 넣자! JWT란?JWT는 JSON Web Token의 약자로, JSON 형식의 데이터를 사용하여 양측 간에 정보를 안전하게 전달하기 위한 토큰보통 인증 및 권한 부여와 같은 작업에 많이 사용 JWT구성JWT는 .으로 구분된 3개의 파트로 구성된다.header.payload.signatureex) eyJhbGUzI1NiJ9.eyJzdWIiOiJfQ.nYAjp4ZHK8 1. header (헤더)JWT의 타입과 서명 알고리즘 정보를 포함예시 (Base64로 인코딩되기 전){ "alg": "HS256", // HMAC SHA256 서명 알고리즘 "typ": "JWT" ..

  Read More
• env-cmd란?

  Language/React 2024. 12. 6. 10:19

  env-cmd에 대해서 정리해 두자. env-cmd란?Node.js 애플리케이션에서 환경 변수를 손쉽게 관리하기 위한 도구.env 파일에 정의된 환경 변수를 로드하여 실행 중인 애플리케이션에서 사용할 수 있도록 해준다.환경 변수는 애플리케이션의 설정값(예: 데이터베이스 URL, API 키 등)을 관리하는 데 사용된다. 주요 특징1. 환경 변수 관리.env 파일의 변수들을 자동으로 로드하여 실행 중인 애플리케이션에서 사용 가능하다. 2. 다중 환경 지원개발, 테스트, 프로덕션 등의 환경별 .env 파일을 손쉽게 구분하고 각 환경에 맞는 .env 파일을 로드한다. 3. 간단한 사용법추가적인 코딩 없이 명령어로 환경 변수 로드할 수 있다. 4. 보안 및 코드 유지보수성 향상민감한 정보를 코드에 직접 포함하지 ..

  Read More