분류 전체보기

[이것이 리눅스다(CentOS 8)] 03장. CentOS 리눅스 설치

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

[이것이 리눅스다 (CentOS 8)] 01장. 실습 환경 구축

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

[Photogram] 연관 검색어

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

[Photogram] 실시간 알림

이번에는 자신이 구독한 사용자가 새로운 글을 업로드할 경우 실시간으로 알림이 보내지도록 구현해보았습니다. 해당 기능은 서버 -> 클라이언트 방향으로만 이루어지는 단방향 통신만으로도 충분히 구현 가능했기 때문에 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); })..