Front66

• 

  [Apache] 윈도우10 아파치 AJP 설정 및 톰캣 연동하기 mod_jk 설치 www.apachelounge.com/download/ Apache VS16 binaries and modules download www.apachelounge.com 화면 좌측 상단에 본인이 다운로드 받은 Apache 와 동일한 버전 선택 (필자는 Apache 2.4 binaries VS16) 클릭한 뒤 스크롤을 내리면 mod_jk 해당하는 OS bit(64bit)로 다운로드 다운로드 파일 압축을 해제한 뒤 mod_jk.so 파일을 Apache의 modules 폴더로 복사 또는 이동 아파치 (Apache) 환경설정 http.conf 내용 추가 Apache - conf 경로의 httpd.conf 파일을 메모장으로 실행 ① DirectoryIndex 라인을 찾아 아래 내용 추가 (약 28.. Front/WebServer 2021. 3. 11.

• 

  VCRUNTIME140.dll 오류 원인 및 해결방법 에러 로그 Apache2.4 설치하는 과정에서 아래와 같은 경고창을 접하게 되었다. vcruntime140.dll 파일이(가) 없어 프로그램을 시작할 수 없습니다. 프로그램을 다시 설치하여 이 문제를 해결하십시오. vcruntime140.dll 이란? vcruntime140.dll 파일은 MS 사의 C Runtime Library와 관련된 파일 vcruntime140.dll 오류 원인 응용프로그램에 결함이 생기는 경우 악성코드로 인해 삭제 혹은 변형되는 경우 레지스트리에 손상이 있는 경우 vcruntime140.dll 오류 메시지 종류 컴퓨터에 vcruntime140.dll이(가) 없어 프로그램을 시작할 수 없습니다. 프로그램을 다시 설치하여 이 문제를 해결하세요. vcruntime140.dll 을(를).. Front/WebServer 2021. 3. 10.

• 

  [Apache] Windows 10 64bit 환경 Apache2.4 설치 및 설정 1. 아파치(Apache) 2.4 설치파일 다운로드 Apache VS16 binaries and modules download www.apachelounge.com 운영체제 환경이 64 bit인 경우 첫 번째 압축파일을, 32 bit인 경우는 두 번째 압축파일을 다운로드한다. 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 추천인 코드 : AF8800551 다운로드 받은 압축파일을 풀어 Apache24 폴더를 C: 드라이브 경로로 이동하자. 2. 아파치 (Apache) 설정 C:드라이브로 옮긴 Apache24/conf 경로에서 httpd.conf 파일을 편집한다. [마우스 우클릭 - 연결프로그램 - 메모장] ServerRoot 경로 설정 : C:\Apache24 로.. Front/WebServer 2021. 3. 10.

• 

  [꿀정보] JavaScript (JS) 소스코드 들여쓰기 쉽게 정리하기 [꿀정보] JavaScript (JS) 소스코드 들여쓰기 쉽게 정리하기 소스코드 들여쓰기를 맞출 때, 전체 Select를 하고 [Ctrl + Shift + f] 를 누르면 자동으로 맞춰주는데, js 파일이나 가끔 들여쓰기가 스페이스바로 세팅되어있거나 어떤 이유로 단축키가 안먹는 경우가 있다. 이런 경우 js 코드를 beautiful 하게 정리해주는 사이트가 있다. Online JavaScript beautifier beautifier.io 엉망진창인 코드를 넣으면 이쁘게 정리해준다! Front/JavaScript 2021. 2. 26.

• 

  [Javascript] Array.prototype.every( ) - 배열의 반복메서드 : break 문 활용하고 싶다? [Javascript] Array.prototype.every( ) - 배열의 반복메서드 : break문 활용하고 싶다? 자바스크립트 배열에서 제공하는 반복 메서드 forEach, some, every - every를 한 번 살펴보자. 보통 반복문을 사용할 때는 forEach를 사용하는데, 원하는 요소를 찾은 뒤 더 이상 for문을 돌고 싶지 않은 경우 break문 을 사용하려 해 본 적이 있을 것이다. forEach 에서는 break 를 제공하지 않을 뿐더러 break 문과 같은 코드를 구현하려면 try - catch를 사용하는 등 코드의 길이도 구조도 복잡해진다. 이 때 사용하기 좋은 every 메서드를 살펴보자 Array.prototype.every() callback 함수가 false를 반환하는 .. Front/JavaScript 2021. 2. 9.

• 

  [Javascript] 오픈API 활용한 주소검색 우편번호 가져오기 [Javascript] 오픈API 활용한 주소검색 우편번호 가져오기 1. 도로명주소 오픈API 신청한 후 키 발급받기 www.juso.go.kr/addrlink/devAddrLinkRequestWrite.do?returnFn=write&cntcMenu=URL API 신청하기 | 오픈API | 도로명주소 개발자센터 www.juso.go.kr [open API] - [API 신청하기] 로 이동하면 아래와 같은 폼을 작성한 후 "신청하기" 클릭한다. 참고로 URL에는 Context-Path 를 적으면된다. 신청이 완료되면 다음과 같이 신청내역 정보가 뜬다. 스크립트 개발화면에서는 URL(IP) 주소와 승인키를 사용해야하니 복사해놓자! 2. 스크립트 코드 구현 2-1. 회원가입 입력 폼 예제 JSP 코드 아이디.. Front/API 2020. 11. 8.

• 

  [Tomcat] handleSubClassException Failed to start component [Connector[AJP/1.3-8009]] 오류 해결 [Tomcat] handleSubClassException Failed to start component [Connector[AJP/1.3-8021]] 오류 해결 AJP 포트를 연결하여 프로젝트를 배포하는 중에 톰캣을 구동하면 다음과 같은 에러 로그가 발생한다. 26-Oct-2020 10:16:31.110 SEVERE [main] org.apache.catalina.util.LifecycleBase.handleSubClassException Failed to start component [Connector[AJP/1.3-9021]] org.apache.catalina.LifecycleException: Protocol handler start failed at org.apache.catalina.conn.. Front/WebServer 2020. 10. 26.

• 

  [Javascript + CSS3] 화면 스크롤 내릴 때, 이미지 객체 FadeIn 효과 표출 간단하게 구현하기 [Javascript + CSS3] 페이지의 이미지 객체 FadeIn 애니메이션 효과로 표출 간단하게 구현하기 1. CSS3 /*화면에 표출되기 전*/ .animatable { visibility: hidden; animation-play-state: paused; } /*화면에 표출된 후*/ .animated { animation-name: fadeInUp; visibility: visible; animation-fill-mode: both; animation-duration: 2s; animation-play_state:running; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; tr.. Front/JavaScript 2020. 10. 26.

• 

  [Tomcat] 톰캣 9.0 콘솔 창 한글 깨짐 오류 해결하기 [Tomcat] 톰캣 9.0 콘솔 창 한글 깨짐 오류 해결하기 Tomcat 9.0 을 새로 다운받아 실행을 하였는데 한글이 현란하게 깨졌다. 이러한 문제는 인코딩의 문제이므로 우선 톰캣 logs 경로의 catalina.log 파일을 먼저 확인한 후 로그 파일에서도 한글이 깨져있는 지 확인을 해야한다 ! 로그 파일에는 한글이 깨져있지 않았다..! 그렇다면, 한글 깨짐의 원인은 콘솔창의 페이지 모드 문제! 1. 톰캣 한글 페이지 모드 확인 - 먼저 콘솔창 좌측 상단의 톰캣 로고를 클릭한 후 "속성" 을 누르면 속성 창이 열릴 것이다. - 속성 창 하단의 현재 코드 페이지가 949로 되어있는 것을 확인할 수 있다. 이제 우리는 해당 값을 UTF-8인 65001 로 레지스트리 값을 수정해야한다. 2. 레지스트리.. Front/WebServer 2020. 10. 24.

• 

  [CSS3] 요소 애니메이션 이벤트 transition, transform 속성 살펴보기 [CSS3] 요소 애니메이션 이벤트 transition, transform 속성 살펴보기 예제 이미지 화면은 클릭해야 보입니다. transition 트랜지션은 CSS 속성이 변할 때, duration (변화하는 시간)을 지정하여 일정 시간동안 변화를 나타내는 것 transition-duration : 변화하는 시간 (default: 0s) transition-delay : 시작 전 대기 시간 (default: 0s) transition-timing-function : 움직임을 조절 (defulat: ease) (linear / ease-in / ease-out / ease-in-out) transition-property : 트랜지션을 적용할 속성 명시 (default: all) transition : .. Front/CSS 2020. 9. 12.

• 

  [Apache] SpringBoot AJP 포트 설정하기 spec. springboot web project war export AJP 포트 설정 이때 AJP 포트는 프로젝트가 올라가는 톰캣에서 설정한 AJP 포트와 같아야 한다. 톰캣 AJP 포트 설정은 아래 나와있다. package kr.co.neighbor21.ti.temp.web.config; import org.apache.catalina.connector.Connector; import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory; import org.springframework.boot.web.servlet.server.ServletWebServerFactory; import org.springframework.. Front/WebServer 2020. 9. 8.

• 

  [Javascript] 순수 자바스크립트 영역 캡쳐 후 이미지로 저장하기 [Javascript] 순수 자바스크립트 영역 캡쳐 후 이미지로 저장하기 - CSS screenshot.css /* 캡쳐 시 배경 어둡게 */ #screenshot_background { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: block; opacity: 0.3; text-align: center; box-sizing: border-box; z-index: 2147483647; border-color: black; border-style: solid; } /* 캡쳐 영역만 밝게 하기 위한 요소 */ #screenshot:before, #screenshot:after { border: none !important;.. Front/JavaScript 2020. 9. 2.