Tailwind CSS HTML 안에서 CSS 스타일을 만들 수 있게 해주는 CSS프레임워크입니다. Tailwind CSS는 부트스트랩과 같이 미리 셋팅된 Uitility Class를 활용하는 방식으로 HTML에서 스타일링 할 수 있습니다. 빠른 스타일링 작업이 가능하며, Class 혹은 id 명을 작성하기 위한 고생을 하지 않아도 됩니다. 유틸리티 클래스가 익숙해지는 시간이 필요할 수 있지만 IntelliSense 플러그인이 제공되어서 금방 익숙하게 사용할 수 있습니다. 1. 프로젝트 사용 셋팅 셋팅 방법은 아래 홈페이지에서 자세하게 확인 할수 있습니다. Install Tailwind CSS using PostCSS - Tailwind CSS Installing Tailwind CSS as a Post..

vite create react app 을 사용할때 나오는 문제점을 해결하려고 사용. vite의 가장 큰 장점은 빌드 속도나 새로운 코드를 적용했을때 반영 속도 같은 피드백 속도의 빠른 성능을 가지고 있습니다. 기존 브라우저에서 ES모듈을 사용할 수 있기 전에는 개발자에 모듈화된 방식으로 javascript를 작성하는 기본 메커니즘이 없었습니다. 시간이 지남에 따라 webpack,Rollup, Parcel과 같은 도구로 번들링을 해결했습니다. 그러나 더 큰 애플리케이션을 구축하기 시작하면서 처리하는 javascript의 양이 기하수적으로 증가 하여 성능 병목현상이 발생하기 시작하였습니다. 예를 들어 서버 가동에 오랜시간이 걸리거나 브라우제에 반영되는 것이 몇초가 걸리는 문제들인데 vite는 이러한 문제를..

1. TypeScript 란? 자바스크립트는 동적 타입의 언어로 실행시에만 오류를 발견할 수 있습니다. 하지만 타입스크립트는 정적 타입의 컴파일 언어로 코드 작성 단계에서 타입을 체크해 오류를 확인 할 수 있고 미리 타입을 결정하여 실행 속도가 빠르다는 장점이 있습니다. 타입스크립트는 앞서 말했든 컴파일 언어로 자바스크립트로 다시 변환해야 사용이 가능합니다. 2. TypeScript 설정 2-1. TypeScript 설치 npm install -g typescript 2-2. TypeScript 파일 생성 ts 확장자를 사용하여 생성. 파일명.ts 3. TypeScript -> script 컴파일 3-1. 기본 컴파일 ts파일을 html파일에 붙혀서 사용하려면 스크립트 파일로 변환이 필요하다. 변환시 E..

Spring Boot - war 프로젝트 배포 및 실행 추가로 개인 포트폴리오 소개 사이트를 제작하면서 스프링부트에서 jsp 파일을 사용했는데, 배포 시 jsp 파일의 위치를 찾지 못하는 문제가 발생했다. 인텔리제이 idea. 에서 작동시에는 문제가 없었기 때문에 당황했지만, 검색해보니 jsp 파일은 war 로 배포해야한다는 내용이 있었다. 1. war 파일 생성 우측 Gradle 에서 bootWar 를 클릭하면 파일이 생성된다. 처음 프로젝트 생성시 jar로 작업했으면 bootWar 가 없을 수 도 있는데 그렇다면 build.gradle에서 추가작업을 해주면된다. 1) plugins 추가 id 'war' plugins { id 'java' id 'war' id 'org.springframework.bo..

기본적으로 터미널에서 세션 로그아웃(logout)이 발생하면, 리눅스는 해당 터미널에서 실행한 프로세스들에게 HUP signal 이 전달하여 종료한다. nohup은 이름에서 볼 수 있듯 이 명령을 무시한다. 때문에 nohup 명령어를 사용하면 터미널에서 연결이 끊기거나 종료해도 실행했던 프로세스들이 계속해서 실행될 수 있다. 다른 특징으로는 nohup 명령어를 사용할 경우 터미널이 종료되어도 표준 출력을 nohup.out 파일에 계속 기록되고 나중에 프로세스의 상태를 확인할 수 있도록 해준다. 하지만 필요 이상의 로그가 기록될 경우 파일의 용량이 커지므로 디스크 공간이 낭비 될 수 있다. (꼭필요한 logging level을 설정해준 뒤 서버에 올려야할 것 같다.) 1. nohup 을 사용한 백그라운드(..