[Spring Boot] Spring Initializr로 Spring 프로젝트 시작하기 1. Spring InitializrSpring Initializr는 스프링부트를 기반으로 Spring 관련 프로젝트를 생성해주는 사이트로 프로젝트를 다운하여 쉽게 사용이 가능하도록 만든 사이트이다.IDE에서 직접 프로젝트를 생성할 수도 있지만 쉽게 사용할 수 있게 Spring Initializr로 프로젝트를 만들어서 사용한다.2. 프로젝트 생성하기https://start.spring.io/Project - Maven Language - JavaSpring Boot - 3.3.4Packaging - WarJava - 17Dependencies - Spring Web, JDBC, MariaDB, LombokGenerate 후 다운로드 된 압축 파일을 해제하여 프로젝트를 실행한다. 2024. 10. 25. [React] Vite로 React 시작하기 React를 시작하기 앞서 node.js를 설치해야한다.버전은 LTS로 설치하는것을 추천. * LTS란 Long Term Support의 약자이며 2년간 지원 한다라는 뜻이다.여기서 지원이란 해당 버전에 대한 안정성과 신뢰도를 보장한다는 뜻이다. 설치 후 node -v 명령어로 설치 및 버전 확인 * node 설치 후 vscode로 리액트 실행시 vscode를 재부팅하여 사용해야한다. 재부팅 안할시 명령어를 인식하지 못한다. react 설치 방법에는 next.js, CRA 등이 있다.next.js는 프레임워크 이기 때문에 next.js 문법을 배워야한다.CRA 경우 프로젝트 build시 웹팩으로 설정해야하고 Vite는 config에 설정하는 이점이 있다.Vite는 build tool이자 초기 세팅형태.. 2024. 10. 25. [React] React란 React는 FaceBook에서 만든 웹 및 사용자 인터페이스를 위한 JavaScript 라이브러리다. 개발자가 JS 파일에 HTML과 유사한 코드를 작성해 JSX라는 구문으로 UI 구성 요소에 중복성을 제거하고 쉽게 관리할 수 있도록 한다. JavaScript의 경우 DOM 객체의 ID를 가져와서 식별자를 만들었지만 React는 식별자가 필요없다. 또한 이벤트시 DOM 전체가 바뀌는 것이 아니라 Virtual DOM이라 하여 변경된 부분만 DOM에 반영한다. React가 Virtual DOM을 비교하는 원리 Vue와의 차이는 문법이다. React는 모든것이 JS에서 작동을 한다.Vue는 내장 컴포넌트가 있지만 React는 컴포넌트를 만들어야 한다. React는 컴포넌트 중심으로 돌아가기 때문에 복잡한.. 2024. 10. 25. [Docker] Spring Boot 프로젝트 배포 프로젝트를 이미지화 하기 전에 프로젝트 내부에 DockFile을 만든다.프로젝트를 이미지 생성하기 위한것이다.FROM docker.io/library/tomcat:10.1.26-jdk17-temurinWORKDIR /usr/local/tomcatENV TZ Asia/SeoulENV USE_PROFILE=tomcatENV JAVA_OPTS="-Dspring.profiles.active=${USE_PROFILE}"COPY ["./target/crud.war", "/usr/local/tomcat/webapps/crud.war"]EXPOSE 8080/tcpENTRYPOINT ["catalina.sh", "run"] FROM docker.io/library/tomcat:10.1.26-jdk17-temurin프로젝.. 2024. 10. 22. [Docker] linux에 Docker 설치하기(Cent Os)+mariadb 설치 리눅스 서버 패키지 업데이트sudo dnf update -y 업데이트 후 linux 재부팅sudo reboot -h now podman 설치- podman은 linux 운영체제에서 사용할 수 있는 컨테이너 관리 도구이다.- rocky linux에서는 podman 이미지 권장.sudo dnf install podman-* podman compose 설치sudo dnf install python3-pipsudo pip3 install podman-compose bashrc 환경변수 수정(admin 계정)export REGISTRY_AUTH_FILE=${HOME}/podman-registry-auth.json mariadb 이미지 설치docker pull mariadb mariadb 컨테이너 실행docker .. 2024. 10. 21. [linux] vi 편집기 사용법 및 명령어 vi [파일명]위 명령어 입력시 문서를 편집할 수 있는 환경 세팅 1. 명령모드(command mode)vi 명령어를 통해 vi 시작시 실행되는 모드. 방향키 통해 커서 이동 가능2. 입력모드(insert mode)명령모드에서 [i] 또는 [a] 키 입력시 입력모드 전환.입력모드에서는 코드 또는 글 작성 가능. 명령모드로 돌아갈때에는 [esc] 입력3. 콜론 모드명령모드에서 [:](콜론) 입력시 화면 최하단에 입력 가능한 공간 출력.이곳에서 vi 종료 가능 vi 명령어명령 모드에서 입력 모드로 전환i: 커서 앞(왼쪽)에 입력a: 커서 다음(오른쪽)에 입력입력 모드에서 명령 모드로 전환ESC저장, 종료하기명령 모드에서 콜론:을 이용하여 다양한 작업이 가능하다. (콜론 모드):q 종료:q! 저장하지 않고.. 2024. 10. 13. [linux] 명령어 정리 lsList 약자. 해당 디렉터리에 있는 파일 나열 명령어 # ls → 현재 디렉터리의 파일 목록을 표시 # ls /etc/sysconfig /etc/sysconfig → 디렉터리의 목록을 표시 # ls -a → 현재 디렉터리의 목록(숨김 파일 포함)을 표시 # ls -l → 현재 디렉터리의 목록을 자세히 표시 # ls *.cfg → 확장자가 cfg인 목록을 표시 # ls -.. 2024. 10. 13. [linux] linux IP주소 확인 linux에 설치한 CENT OS IP 주소 확인 putty로 서버 접속시 체크부분 ip로 확인하여 접속 2024. 10. 13. submit is not a function at HTMLAnchorElement.onclick 에러 a 태그에 있는 로그아웃이 안먹었다...왜이러지...왜이러지...logout[0]...배열이네? form을 두개 넣어주니까 된다....왜이러지...? logout이 배열로 선언되어있어서 form이 한개만 있을때엔 form 내부의 input으로 가버린것이다form이 두개 있을때엔 두번째 form으로 갔기때문에 정상 작동... logout은 단일객체로만 사용하기때문에 배열을 없애주고form도 한개만 넣어주니 정상 작동....하하... 2024. 6. 20. 이전 1 2 3 4 5 다음
