Language
-
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. 보안 및 코드 유지보수성 향상민감한 정보를 코드에 직접 포함하지 ..
-
react-hook-form을 사용하여 배열 형태 input 사용Language/React 2024. 12. 2. 12:32
배열형태의 Input을 처리하는 방식을 정리해 둔다. ChatGPT 예시import React from "react";import { useForm, useFieldArray, Controller } from "react-hook-form";function MyForm() { // react-hook-form의 useForm 훅 사용 const { control, handleSubmit, register, formState: { errors } } = useForm({ defaultValues: { users: [{ name: "" }] // 기본값으로 하나의 입력 필드를 넣음 } }); // useFieldArray 훅을 사용하여 동적으로 필드 추가 및 제거 const { ..
-
selenium으로 크롤링하고 Slack에 메시지 전송Language/Python 2024. 11. 24. 16:57
시에서 운영하는 캠핑장들은 빈자리가 생겨서 알림을 받을수 없는것 같다, 수시로 새로고침해서 예약을 하다 보니 겁나 귀찮다.캠핑은 좋고 예약은 힘들고 알림이라도 받아서 하는게 어떨까? 그냥 크롤링으로 알림 받는걸 만들어 놓자.하지만 사용하진 않는다, 배치형태로 돌려야 할 것 같은데 서버를 어떤식으로 할지도 고민해봐야 할듯해서 일단은 대충 만들어 놓고 나중에 진짜로 사용할때 좀더 고급스럽게 커스터 마이징해서 사용하도록 하자. 참고로 python에서 slack에 메시지 보내는 방법은 이전 포스팅에 작성되어 있다. 1. 요구사항`금`,`토` (주말) 및 `공휴일`에 자리가 있다면 데이터를 추출빈자리가 있을때 알림이 오게하는게 1차 목표임으로 데이터를 가공하지는 않는다.추출한 데이터를 json형태로 Slack에 ..
-
파이썬으로 Slack 메시지 보내기Language/Python 2024. 11. 24. 15:39
1. Slack API Key 생성 (slack api)1.1. Create An App를 클릭한다. 2.2. From scratch 2.3. App Name 및 채널을 선택한다. 2.4. Basic Infomation 2.5. OAuth & PermissionsSlack에 메시지 전송을 위한 권한을 부여하도록 하자. 2.6. chat, channels 권한 추가Add an OAuth Scope버튼을 클릭하고 3가지 Scope을 추가해 주자.chat:writechat:write.publicchannels:history 2.7. OAuth Token 생성OAuth Tokens에서 건담봇 워크스페이스를 선택하고 토큰을 생성해주자. 2.8. OAuth Token을 생성하고 토큰 값을 복사한다. 2. Slac..
-
ChromeDriverManager install 에러Language/Python 2024. 11. 24. 14:42
캠핑을 좋아해서 캠핑장소의 빈자리가 나면 알려주는 크롤링을 Selenium으로 개발해 둔게 있었는데, 크롬 드라이버 다운로는 받는 과정에서 에러가 발생하였다. 에러 분석Selenium v4.6이상이 출시 되면서 webdriver_manager를 사용하여 ChromeDriver를 명시적으로 다운로드 할 필요가 없다고 한다.$ pip3 show seleniumName: seleniumVersion: 4.19.0Summary: Home-page: https://www.selenium.devAuthor: Author-email: License: Apache 2.0Location: /Users/deokjoonkang/.pyenv/versions/3.11.3/lib/python3.11/site-packagesReq..
-
타입스크립트 예외처리Language/React 2024. 11. 22. 16:10
jsx파일로 개발된 컴포넌트들을 타입스크립트로 변환하면서 일을 진행하고 있다.수많은 컴포넌트들을 한번에 타입스크립로 변환하기에는 무리가 있다.모두 한번에 바꾸기는 힘든데 하위 컴포넌트로 소속되어 타입 에러가 나는 경우가 있다.그럴때는 여러 고민하지 말고 가장 간단한 방법으로 예외처리를 해보자. (원래 일에 집중해야지!) 에러 발생 해결import LocationFilter from '../../../common/filter/LocationFilter';const AnyLocationFilter = LocationFilter as any;...... 해결 방법이야 여러가지가 있겠지만 일단 선택하고 집중하자, 지금 안바꾼것은 나중에 관련 작업할때 바꾸면된다. 우리에겐 오픈 일정이 중요하자나!!
-
Swiper - Cannot read properties of undefined (reading 'autoplay')Language/React 2024. 11. 7. 11:47
React에서 Swiper를 추가하고 autoplay를 시키고 해당 화면에서 나오게 되면 아래와 같은 에러가 발생한다.Unhandled Runtime ErrorTypeError: Cannot read properties of undefined (reading 'autoplay') 원인GPT 형님께서 말씀하시길 `TypeError: Cannot read properties of undefined (reading 'stop') 오류가 발생하는 경우는 대개 stop 메서드를 호출하려는 객체가 정의되지 않았거나 아직 초기화되지 않았기 때문입니다. 이 오류는 swiperInstance.autoplay.stop() 호출에서 자주 발생할 수 있는데, autoplay 객체가 아직 인스턴스에 초기화되지 않았거나, 다른..
-
logback 로그 설정Language/Java 2024. 10. 29. 10:51
P6spy문제p6spy를 활용해서 로그를 설정해서 사용을 하였더니 문제가 발생하였다.@Transactional(readOnly = true)public void testReadOnly() {}이렇게 설정하게 되면TransactionSynchronizationManager.isCurrentTransactionReadOnly()가 true이고 아래 ReplicationRoutingDataSource 로직에 따라 secondaries DB를 바로 보게 되어야 하는데 testReadOnly 메소드 안에서 TransactionSynchronizationManager.isCurrentTransactionReadOnly()를 찍어보면 true가 리턴되는데 ReplicationRoutingDataSource에 설정된 ..