📝 Server 가상머신 운영체제 설치 CentOS 리눅스를 설치하기 위해 먼저 ISO 파일을 다운로드하고, 꽤 용량이 큰 파일이기 때문에 설치 도중 문제가 생기지 않았는지 파일의 이상 여부를 확인해준다. 파일 이상 여부 확인 방법은 아래와 같이 체크섬 프로그램을 통해 확인할 수 있다. 체크가 완료되었으면 VMware Player를 실행하여 우리가 만든 가상머신 중 하나를 선택한 뒤, 'Edit virtual machine settings' 버튼을 클릭하여 아래 화면으로 이동한다. 위 화면에서 왼쪽에 보면 CD/DVD(IDE) 장치가 'Auto detect'로 되어있는데, 이 부분을 우리가 위에서 다운로드 한 ISO 파일로 변경해주면 된다. 해당 디바이스를 선택한 뒤, 아래 화면과 같이 'Connecti..

📝 가상머신(Virtual Machine) 가상머신이란 컴퓨터에 설치된 운영체제(호스트 OS) 안에 가상의 컴퓨터를 만들고, 그 안에 또 다른 운영체제(게스트 OS)를 설치/운영할 수 있도록 제작된 프로그램을 말한다. PC에 이미 설치되어 있는 Windows를 호스트 운영체제(Host OS; Host Operation System)라고 부르고, 가상머신에 설치할 그 외의 운영체제를 게스트 운영체제(Guest OS; Guest Operation System)라고 부른다. 멀티부팅(Multi-Booting)과는 개념이 조금 다르다. 멀티부팅은 하나의 컴퓨터에 하드디스크의 파티션을 분할한 후에 여러개의 OS를 설치하여 한번에 하나의 운영체제만 구동시킬 수 있다. 하지만 가상머신은 하드디스크의 파티션을 나누지 ..

이번에는 사용자가 입력한 검색 키워드에 따라 해당 키워드와 연관되어 있는 검색 결과를 미리 보여주는 연관 검색어 기능을 구현해보았습니다. 제가 생각한 연관 검색어 기능의 요구사항 아래와 같습니다. 첫 번째, 계정과 태그에 따라 분류하여 연관 검색어를 출력할 수 있어야 한다. 두 번째, 연관 검색어를 클릭할 시 해당 계정 또는 게시글 검색이 이루어져야 한다. 세 번째, ESC 키를 누르거나 페이지의 다른 영역을 클릭할 시 연관 검색어 창이 닫혀야 한다. 📝 jsp, js 해당 기능은 구현하는데에는 서버 쪽 구현보단 클라이언트 쪽 구현이 복잡하였습니다. 아래 코드에서 클라이언트 쪽 구현을 살펴볼 수 있습니다. 계정 태그 let input = document.getElementById("search"); le..

이번에는 자신이 구독한 사용자가 새로운 글을 업로드할 경우 실시간으로 알림이 보내지도록 구현해보았습니다. 해당 기능은 서버 -> 클라이언트 방향으로만 이루어지는 단방향 통신만으로도 충분히 구현 가능했기 때문에 SSE(Server-Sent-Events)를 이용하였습니다. 📝 js 우선 클라이언트 쪽 구현 코드입니다. function storyLoad() { $.ajax({ url: `/api/image?page=${page}`, dataType: "json" }).done(resp => { console.log(resp); resp.data.content.forEach((image) => { let item = getStoryItem(image); $("#storyList").append(item); })..