안녕하세요. 웹개발을 위한 xampp를 설치 방법을 알려드리겠습니다. 먼저 네이버에 xampp를 검색하신후 xampp 공식 홈페이지에 접속합니다. 이화면만 봐도 xampp가 어떤 역할을 하는지 아시겠죠 Apache + MariaDB + PHP + Perl 통합 설치 및 관리를 합니다 자신의 OS에 맞춰서 다운로드를 합니다 ​ 다운로드가 완료되면 순차적으로 Next 버튼을 눌러줍니다. 저는 기본 세팅으로 설정 하였습니다. 기본 경로로 세팅 하였습니다. 언어를 선택해주시고 체크를 해제하고 인스톨을 진행합니다 설치가 완료되고 start 버튼을 누르면 아파치가 정상적으로 동작합니다.​ 웹브라우저에서 127.0.0.1 저는 제 사이트가 떴네요 아마 설정을 하지 않았다면 xampp 관련 사이트가 나올듯 합니다 ​ ..

2020년 말까지 어도비 플래시 배포 중단에 따라 구글 크롬도 2020년까지만 플래시 플레이어를 지원할 것이라고 밝혔습니다. 크롬 공식 홈페이지 ​프로젝트 대부분 예전 방식이라 플래시 플레이어를 사용하고 있는데, 미루고 미루다 이제와서 부랴부랴 플래시 플레이어를 걷어 내고 있습니다. 먼저 제가 맡은 프로젝트 두 개는 모두 플래시를 걷어 내었고, 다음과 같은 로직으로 구현을 하였습니다. ​또 운영되는 사이트에 반영하기 전에 확실한 테스트를 위해서 아래와 같이 파일 업로드 테스트방법을 간단하게 작성하였습니다. ​ 로직 테스트 1. '글쓰기' 혹은 '글 수정' 페이지에서 파일 업로드 완료 시 서버 temp 폴더 안에 ssid(Service Set Identifier) 고유 문자로 구분하여 업로드하는가. - 말..

테스트용으로 openssl을 이용하여 보안 인증서를 만들었습니다. 하지만 웹서버를 실행시키지 못했는데요. [Sun Sep 12 14:00:35.197086 2021] [ssl:emerg] [pid 15192:tid 396] AH02577: Init: SSLPassPhraseDialog builtin is not supported on Win32 (key file test.key) [Sun Sep 12 14:00:35.198086 2021] [ssl:emerg] [pid 15192:tid 396] AH02564: Failed to configure encrypted (?) private key testdomain.co.kr:443:0, check test.key 로그파일에는 이와 같이 찍혔습니다. 다시 보..

전사적으로 관련 기술에 대해 발표를 한 뒤 잊지 말자는 차원에서 간단하게 기록합니다. ​ 먼저 최대한 쉽게 설명을 드리고 다음으로 실제로 도커 컨테이너 활용 사례를 말씀드리겠습니다. ​ 도커 컨테이너란? ​ 가상머신보다 빠르고 가벼운 독립적인 가상화 공간입니다. ​ 프로젝트 규모가 커짐에 따라 확장성과 유지 보수의 용이성을 위해 서비스 단위를 나눌 필요가 있습니다. ​ 각각의 서비스를 아래의 사진 중 애플리케이션이라고 전제하에 말씀드리도록 하겠습니다. ​ 가상화는 두 가지로 분류되는데요 먼저 컨테이너 방식과 가상머신 방식이 있습니다. ​ 가상머신 방식에서 또 두 가지로 나눈다면 Host OS가 없는 베어메탈 방식과 Host OS가 있는 방식으로 나눌 수 있는데 일반적으로 VMware을 사용해 봤을 거라 ..

윈도우에서 nvm status 5 혹은 nvm status 1 에러가 발생될 때 해결 방법을 알려드리려고 합니다. ​ 프로젝트 투입 팀원 별로 node.js 버전이 다르면 협업 과정에서 호환성 문제가 있을 수 있는데요. 이것을 nvm을 통해서 손쉽게 버전 변경을 할 수 있습니다. ​ 근데 다른 글을 보니깐 status 에러가 뜰 때 무슨 powershell을 띄우고 아니면 다운그레이드를 하고 root 디렉터리를 변경해서 새로 받고 이러는데요. ​ 그럴 필요 없이 그냥 명령어 프롬프트를 관리자 권한으로 실행하시면 됩니다. ​ 만약 VSC나 Webstorm과 같이 IDE에서 터미널을 실행하는 경우 그냥 IDE를 관리자 권한으로 실행하시면 됩니다. ​ 이상입니다.

안녕하세요 오늘은 웹개발을 위한 xampp를 설치 방법을 알려드리겠습니다 ​ 먼저 네이버에 xampp를 검색하신후 xampp 공식 홈페이지에 접속합니다!! 이화면만 봐도 xampp가 어떤 역할을 하는지 아시겠죠 Apache + MariaDB + PHP + Perl 통합 설치 및 관리를 합니다 자신의 OS에 맞춰서 다운로드를 합니다 ​ 다운로드가 완료되면 순차적으로 Next 버튼을 눌러줍니다. 저는 기본 세팅으로 설정 하였습니다. 기본 경로로 세팅 하였습니다. 언어를 선택해주시고 체크를 해제하고 인스톨을 진행합니다 설치가 완료되고 start 버튼을 누르면 아파치가 정상적으로 동작합니다. ​ 웹브라우저에서 127.0.0.1 ​ 저는 제 사이트가 떴네요 ​ 아마 설정을 하지 않았다면 xampp 관련 사이트가 ..

요즘 계속해서 웹서버와 WAS 관련해서 포스팅을 하고 있습니다. VM 설치부터 아파치 및 톰캣 연동 그리고 다양한 설정들도 해봤는데요 관련 부분이 궁금하시다면 제 카테고리 중 웹서버 카테고리를 참고하시면 좋을 것 같습니다. ​ 이번 시간에는 톰캣 상세 설정 몇 가지를 알아보려고 합니다. ​ 현재 상태는 VMware15 CentOS7 Apache + Tomcat 연동까지 마친 상태입니다. ​ 먼저 가비지 컬렉션 jstat를 이용한 모니터링하는 방법에 대해서 알려드리겠습니다. jstat -gcutil -h20 36259 1000 저의 PID는 36259입니다. gcutil 옵션을 통해서 1초마다 반복되게 하였습니다. ​ jstat를 사용할 수 없으면 yum install java-1.8.0-openjdk-d..

onbeforeunload 브라우저 창을 닫거나 다른 창으로 이동 시 사용자에게 이동 여부를 물어볼 때 사용할 수 있다. 핸들러가 지정되면 핸들러 메소드가 리턴 한 문자열로 무조건 confirm 창이 뜨게 된다. (브라우저 창 닫기/나가기/떠나기/unload/leave) 즉, 사용자가 브라우저 창을 떠나는 것을 완전히 막는 것은 불가능하다. 할 수 있는 것은 메시지를 바꾸는 것 정도이다. ​ ​ 크롬에서 자바스크립트 onbeforeunload 이벤트는 Ajax 동기화 방식이 지원이 되지 않습니다. 크롬 버전 78일 때 발표한 내용인데요 이 부분을 알지 못하고 개발하다가 시간을 조금 소비한 게 아쉬워서 기록해놓습니다. 동기화와 비동기화 사실 사용자 입장에서 페이지를 벗어나기 위해 개발자가 만든 동기화 처리..