전체 글 217

AI에게 개발시키기

많이 사용되는 ai 사이트 3가지1. chat gpt2. claude3. gemini 코딩쪽은 claude가 잘해주는편이다. 한글로 써도 가능은 하지만 정확하게 답을 얻을려면 영어로 쓰는게 좋다.  1. 개발로 초안을 적어서 스크립트에 넘겨준다. 해당 코드를 파악하게한다.  2. 라이브러리 페이지에서 README.md에서 markdown형식 전체를 쭉 복사해서 스크립트에 넘겨준다 이것이 해당 라이브러리 사용방법임음 알려주고 어떤 결과를 얻고 싶은지 알려준다. # 예시첨부한 것은 pyalert 라이브러리 사용 방법이야. 현재 (원하는 부분의 데이터)를 추가하고 싶어. 코드를 수정해줘.  ai를 api로 끌어와서 사용할때 token값 즉 글자수가 길어지면 api 사용료가 올라간다.   추가: 설명에 추가할때..

IT/기타개발 2024.12.22

git hub에 업로드시 .gitignore 세팅법

https://www.toptal.com/developers/gitignore/ gitignore.ioCreate useful .gitignore files for your projectwww.toptal.com추가해야되는것들1. 쓰는언어(java, python)2. 빌드도구(gradle, maven)3. 쓰는툴(intellij+all, visual studio code+all)4. os(windows, mac os 둘다 추가해주자) 민감한 개인정보는 보통 환경변수를 이용하여 온라인상에는 업로드하지 말아야하는데 아래의 .gitignore코드를 추가해주자  javascript# Logslogs*.lognpm-debug.log*yarn-debug.log*yarn-error.log*lerna-debug.log..

Python 2024.12.22

react를 CRA형식 --template typescript로 생성시 ts템플릿이 안될때

npm install cra-template-typescript -g 위 패키지가 없어서 안될가능성이 있으니 이것을 적용혹은 이전 프로젝트 캐시가 남아있을수 있으니 npm uninstall -g create-react-app위 명령어로 캐시를 한번 삭제해준다.  이전에는 --template typescript를 설정해줘도 적용이 안되었던것이 위 패키지를 설치해주니 아래와같이 정상적으로 적용이 되었다.

Front End/React 2024.12.21

react 앱 세팅

1. node js를 설치해준다. LTS버전으로  2. yarn을 설치해줘야한다. # 맥북에서 설치 brew를 설치한후brew install yarn  3. 루트 디렉터리에 CRA(create-react-app) 세팅yarn create react-app 사용할폴더이름 -template typescriptcd 사용할폴더이름 4. react router dom 추가yarn add react-router-dompackage.json에 dependency가 추가된다 dev dependency에 추가해줄 경우 로컬 환경에서 개발 및 테스트할때만 사용되는 패키지들을 정의한다. yarn add --dev @types/react-router-dom

Front End/React 2024.12.21

chromedriver 사용시

from selenium import webdriverbrowser = webdriver.Chrome()browser.get("사이트이름")이제 구글에서 따로 chromedriver를 다운받지않고 pip install selenium하고 webdriver.Chrome()으로 실행해주면 자동으로 크로미움이 작동된다.   # 크로미움 실행시 창이 꺼지는 문제아래와같은 코드를 추가해주면된다. 혹은 주피터노트북으로 꺼짐 방지옵션을 실행 from selenium import webdriver# 꺼짐방지 옵션from selenium.webdriver.common.by import Byfrom selenium.webdriver.chrome.options import Optionschrome_options = Opti..

Python 2024.12.03

Spring Boot 구조

웹 브라우저스프링 부트 애플리케이션 { Controller 클래스: 외부 요청을 분기하여 적절한 서비스 클래스와 연결하여 작업을 처리하고 반환, Service 클래스: 데이터베이스 조작이나 비즈니스 로직을 메서드 기반으로 처리, Member클래스 - MemberRepository: Memeber 클래스로 구현한 클래스를 Repository 인터페이스가 실제 테이블과 매핑(JPA, Hibernate), 실질적인 데이터는 DB에 저장}JPA: 데이터베이스 연결 및 구현lombok: 클래스 메서드 구현 도우미h2: 인메모리 데이터베이스   Spring Boot의 세가지 계층프레젠테이션 계층 - Controller : 외부에서 HTTP 요청을 받아 비즈니스 계층으로 전송비즈니스 계층 - Service : 비즈니..

SpringBoot의 세가지 Annotation(@SpringBootConfiguration, @ComponentScan, @EnableAutoConfiguration)

아래는 SpringBootApplication.java 파일이다. @Target(ElementType.TYPE)@Retention(RetentionPolicy.RUNTIME)@Documented@Inherited@SpringBootConfiguration // 스프링 부트 관련 설정@ComponentScan(excludeFilters = {@Filter(type = FilterType.CUSTOM, // 사용자가 등록한 빈을 읽고 등록 classes = TypeExcludeFilter.class), @Filter(type = FilterType.CUSTOM, classes = AutoConfigurationExcludeFilter.class)})@EnableAutoConfiguration..