본문 바로가기

전체 글122

docker로 jar 파일 배포 gradle 로 jar 파일을 만들려면 1.gradle clean 로 하고 -> 2. gradle build 로 하면 jar 파일이 만들어 진다.여기서 gradle buid -x test 로 하면 테스트 파일 빼고 빌드 를 하게 된다.저는 vs code 로 docker_work 파일을 만든다음 그안에 jar 파일을 안에 넣는다 .그다음 dockerfile 로 파일을 만든다음 FROM bellsoft/liberica-openjdk-alpine:17COPY app.jar app.jarEXPOSE 8080# ENTRYPOINT ["java","-jar","app.jar"] 이렇게 적는다  자바 버전은 17이고 jar파일 이름이 app 이기 때문에 app.jar를 카피 한다. expose 8080 포트로 실행한.. 2024. 4. 22.
react 기본 예제 연습 Npm install react-router-dom axios Yarn install react-router-dom axios -> 명시되어 있는 모듈 설치 yarn add -> 명시되지 않는 새로운 모듈 설치 -> 라이브러리 의존성 추가 할 명령어 Npm install node 모듈 설치 할수 있다 . Yarn install React-router-dom 의존성 추가 해주고 useEffect() -> 컨포넌트 호출시 한번만 실행 useState() -> 컴포넌트에 변수 변경시 화면 재랜더링 Axis -> 백엔드와 통신하는 부분 const Home = () => { useEffect(() => { console.log('통신시작') axios.get('http://localhost:8080/') .the.. 2024. 4. 18.
tosspayment api 사용해보기 payment 개발자 센터에 가서 로그인을 하고 client 키와 secret 키를 얻어온다 .. -> 카카오페이와는 다르게 오픈소스가 너무 잘되어 있어서 react 와 java 로 되어있는 오픈 소스를 다운 받는다. vs code 로 react 파일을 만든다음 -> 오픈소스를 넣어준다. 이러면 프론트의 리엑트 소스는 완성된다. import { useEffect } from "react"; import { useNavigate, useSearchParams } from "react-router-dom"; export function SuccessPage() { const navigate = useNavigate(); const [searchParams] = useSearchParams(); useEffe.. 2024. 4. 18.
create-react-app 해보기 vs code 에서 터미널로 실행하였다. 우선 npm install -g create-react-app 이렇게 설치를 해준다. 그런 다음 npx create-react-app 파일이름 -> 을 적어서 실행 해준다. -> 그럼 파일.js 가 만들어진다. cd 파일이름 -> 로 디렉토리를 바꿔주고 -> npm start 를 해주면 react 가 실행된다. 여기서 react 는 localhost:3000으로 돌아가게 된다. 하지만 내 컴퓨터는 권한 문제 때문에 sudo 명령어를 줘야 한다. 찾아보니까 읽기 권한밖에 없어서 그렇다고 한다. chmod -R u+w 파일경로를 적어주면 사용자가 쓰기 권한을 주는것이다. drwxr-xr-x. 맨 앞의 d는 디렉토리임을 나타냅니다. 다음 세 개의 문자는 소유자의 권한을.. 2024. 4. 18.

티스토리툴바