1.ViteVite는 프런트엔드 개발 환경을 위한 빌드 도구로, 개발 서버를 빠르게 시작하고, 빌드 속도를 높이며, 최신 웹 기술을 쉽게 사용할수있게 해준다. 2.Vite 특징빠른 개발 서버HMR (Hot Module Replacement): 코드가 변경될 때 페이지를 새로 고치지 않고 변경된 모듈만 빠르게 교체하여 즉각적인 피드백을 받는다최신 JavaScript 지원빠른 빌드 3.Vite 사용하기공식홈페이지에서 Vite 프로젝트를 만드는 법을 알수있다.Node.js를 우선 다운받고 다음 명령어로 만들다. y를 입력해준다.PS C:\Users\asa\Desktop\code\Web\vitetest> npm create vite@latestNeed to install the following p..
전체 글
프로그래밍 공부한거 정리해두는 메모장 블로그1.npm(Node Package Manager)JavaScript 프로그래밍 언어의 패키지 관리자다양한 오픈 소스 패키지를 쉽게 설치하고 관리할 수 있다. 2.npm기능패키지 설치 및 관리의존성 관리스크립트 실행 3.사용법Node.js 프로젝트에서 패키지 초기화$npm init원하는 패키지 다운로드$npm install 패키지이름 원하는 패키지 삭제$npm uninstall 패키지이름
1.Node.js서버 사이드 애플리케이션을 개발하기 위한 오픈 소스 런타임 환경Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다. 2.Node.js 특징JavaScript 런타임비동기 I/O단일 스레드 이벤트 루프npm(Node Package Manager)제공 3.Node.js 사용처웹 서버: Express.js와 같은 프레임워크를 사용하여 웹 서버를 쉽게 구축할 수 있다.API 서버: RESTful API 또는 GraphQL API 서버를 만들기 위해 사용실시간 애플리케이션:시간 데이터 스트리밍 애플리케이션 등에 적합마이크로서비스: Node.js는 가벼운 런타임 환경으로, 마이크로서비스..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FY1cFd%2FbtsIjzlfm6B%2FT21LYisXdKacc5krOHm1d1%2Fimg.png)
점프 투 스프링부트를 참고하여 학습,작성하였습니다. URL 프리픽스지금 만든 URL의 프리픽스가 /question으로 시작하기 때문에 @RequestMapping("/question") 애너테이션을 추가하여 /question을 생략하게 만든다.package com.example.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import com.example.service.QuestionService;import com.example.model.Question;import java.util.List;import org.springframewor..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F1C0rX%2FbtsIiTRWCcZ%2FnltoJscSx5Lt3xmZKoE4tk%2Fimg.png)
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.질문에 링크 추가Thymeleaf 속성을 사용하여 질문의 subject 텍스트에 /question/detail/${question.id} 링크를 등록한다.Thymeleaf에서 | 기호로 감싸면 문자열 연결, 정적인 URL 구성, 복잡한 문자열 처리를 할수있다.href를 통해 링크를 누르면 HTTP GET요청이 발생한다 . 2.매핑PathVariable은 Spring Framework에서 컨트롤러 메서드의 매개변수로 사용되어 경로 변수(path variable)를 받아오는 데 사용된다.import org.springframework.web.bind.annotation.Pa..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0Fqqr%2FbtsIiPBZe1f%2FV4c0tjsMD5rjwFOzemebSK%2Fimg.png)
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.서비스(Service)스프링에서 데이터 처리를 위해 작성하는 클래스컨트롤러에서 리포지터리를 직접 호출하지 않고 중간에 서비스를 두어 데이터를 처리한다. 2.서비스 사용이유비즈니스 로직 분리트랜잭션 관리재사용성단일 책임 원칙테스트 용이성Spring IoC 컨테이너 관리 3.서비스 만들기컨트롤러에서 리포지터리 대신 사용할 서비스를 제작한다.@Service 애너테이션을 사용하여 서비스를 제작한다.기존 컨트롤러에서 리포지터리를 사용한 부분을 옮긴다.package com.example.service;import java.util.List;import org.springframework.stereotype.Service;import com.example..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbCih8K%2FbtsIjcp8aA7%2FbCHyLNN4AiKKBrzZvbcpw0%2Fimg.png)
1.물리적보안물리적으로 접근 못하게 하기CCTV,경비 등등 2.시스템 보안2-1.BIOS 보안BIOS에 비밀번호를 설정 2-2.패스워드 보안root 사용자는 제한된 사용자에게만 부여해야함강력한 패스워드 사용/etc/password 에 UID 가 0인 사용자검사 3.관리자 계정 보안sudo를 통한 일시적 관리자 권한/etc/passwd에서 root사용자 셸 설정을 /sbin/nologin으로 변경(root 사용자로그인 제한) 4.서비스 운영 보안필수서비스만 사용시스템정보 숨김부트로더 패스워드 설정보안서비스 사용(ssh) 5.파일 시스템 보안소유권과 허가권 필요한만큼만 설정lsattr [option] file (파일의 속성 출력)chattr [option] file (파일의 속성을 변경)getfacl..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdtcSRn%2FbtsIiyG4MGa%2FkRua3dkezep6TWBCehLop1%2Fimg.png)
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.루트 URL 사용http://localhost:8080을 루트 URL로 http://localhost:8080/question/list에 접속하는것대신 질문목록 화면이 나오게한다.Controller에 다음을 추가한다.루트 경로로 들어갔을때 "/question/list"로 리다이렉트한다.@GetMapping("/")public String root() { return "redirect:/question/list";} 루트 url에 접속했을때 /question/list로 리다이렉트 되어 이동했다.