etc

postman에서 환경 변수를 세팅하는 방법은 아래와 같다. 1. postman에서 우측 상단에 표시된 아이콘을 눌러서 환경변수 관련 세팅 뷰를 열고 Environment에서 Add를 누른다. 2. 환경 이름, 변수들을 입력한 후 Save 클릭 3. 환경 변수 적용 전 (http://localhost:3000으로 요청) 3. 환경 변수 적용 후 우측 상단에서 생성한 Enviornment(환경변수)를 선택해 준 후 변수는 {{변수이름}} 으로 사용할 수 있다.

FE(Front End) 단에서 개발을 할 때, REST API 를 이용해서 데이터를 주고 받아야 하는 상황이 발생합니다. 데이터베이스, 백엔드 서버를 설정하고 제대로 통신을 하면 되지만, 간단하게 테스트용으로 사용할 때 좋은 라이브러리가 있습니다. json-server 라는 라이브러리입니다. json 파일에 데이터를 저장해두면, 라이브러리가 알아서 해당 데이터에 걸맞게 REST API를 열어줍니다. react, vue 등 플랫폼 상관없이 통신만 가능하다면 사용 가능합니다. * 필자 개발 환경: vue + axios(npm i axios) 환경 설정 방법 1) command/terminal에 아래의 명령어로 json-server 라이브러리를 자신의 FE 폴더에서 설치 만약, npm이 없는 경우 node...

해당 오류 발생 원인: 컴파일 하려는 위치와 설치하려는 위치가 동일해서 발생하는 현상 nginx configure 할 때, 컴파일 경로를 기존에 설치되어 있는 경로와 다르게 설정하면 해결 (컴파일경로 : — prefix 경로를 의미) 컴파일 경로를 기존에 설치되어 있는 경로랑 다르게 설정한 후에 다시 make -> make install 진행 참고로, 처음 컴파일이 되면 폴더 내부에 4개 디렉토리밖에 없는데 nginx를 실행시키면 쫘르륵 생긴다.

H2를 이용한 공부를 하려던 중, 아래와 같은 오류가 발생하였다. 해당 DB 파일이 없다는 뜻이며, DB 파일을 만드는 방법은 아래와 같다. (필자는 1번으로 해결하였으며, 다른 방법들은 구글링에서 성공했다는 방법이다.) 1. cmd에서 h2 -web 이용하기 H2가 설치된 경로로 이동한 다음, h2 -web 명령으로 h2를 실행시켜주면 링크(h2 콘솔)와 함께 key가 나오는데, key까지 복사해서 웹브라우저에서 해당 링크로 들어간 후 진행 2. 윈도우 트레이 아이콘 이용 윈도우 트레이 아이콘을 클릭해서 나타난 웹사이트(h2 콘솔)에서 진행 3. ip가 아닌 localhost로 변경 예로, 123.123.123.123:8082로 들어갔다면, localhost:8082로 접속한 후 진행 4. 프로그램 재..

1) 우선 maven package/build/install 시, jar 파일이 생성되도록 하려면 pom.xml에 아래와 같이 packaging을 jar로 명시해야 한다. 2) 라이브러리 경로 및 resources 경로를 target에 생성되도록 pom.xml에 아래와 같이 설정한다. 2023.05.23 추가 아래에 표시된 것처럼 경로를 맞춰줘야 라이브러리를 인식한다.

html2canvas : 특정 영역을 캡쳐해주는 오픈소스 라이브러리 JSP 단 ... function do(){ $(window).scrollTop(0); //화면을 맨위로 이동(scrollTop안할 시 보이는 화면만 저장되고 위는 짤림) // divTest 이라는 div를 영역으로 화면 캡쳐 html2canvas($("#divTest")[0]).then((canvas) => { var myImage = canvas.toDataURL("image/png"); var nWindow = window.open(''); nWindow.document.body.appendChild(canvas); nWindow.focus(); // print the window nWindow.print(); // reload t..

1. vscode 실행 2. 단축키 [ctrl] + [shift] + [p] 실행 3. 'select default profile' 선택 4. 원하는 터미널 선택 5. 터미널 열어서 확인 ( [Ctrl] + [`])

Lombok? 반복되는 코드들을 간단한 어노테이션으로 자동 생성되게 하는 기능 ex) getter, setter, toString ... 1. Lombok 의존성 추가 case : maven ... org.projectlombok lombok true ... ... ... org.projectlombok lombok ... case : Gradle ... dependencies { ... compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' ... } ... 2. Lombok 라이브러리 추가 확인 3. Lombok IDE 적용 case : Eclipse 1) 아래 사이트에서 Lombok 파일 다운 proj..