전체 글 159

[웹 프로젝트] 피드백 적용하기 1 - 추천, 정렬과 검색 필터 최적화

문제 정의피드백 1.여행 기록 추천순 정렬하면 추천이 같으면 최소한 최신순으로 정렬해주는게 어떨지?오래된 순으로 나열된거같은데 정렬 순서를 좀더 신경써야할거같음여행 동료모집 검색 조건이 매우 불편. 무슨 조건인지조차 모르겠음. 모집하는 작성자에 대한 필터링인지?모집 내용에 대한 필터링인지? 나이대로 테스트해보니 아마 작성자 조건인거같은데 그에 대한 설명 부족검색 조건 전체 초기화 하는 방법이 없음. 그냥 탭 눌러서 다시 진입해야함.유형의 경우 전체 동행이 다른 조건들이랑 중복 체크가 가능한데 이러면 무슨 의미가 있는지? 해결 방향추천순 정렬 로직 강화- 추천수 기준으로 내림차순 정렬하되, 동일한 추천 수를 가진 게시글은 작성일 기준으로 최신순으로 노출검색 조건 초기화(Reset) 버튼 추가- 동료 모집..

개인 서버 구축(8) - jenkins <-> github 연동하기

1. github jenkins 연결 (github 설정)깃허브에 들어가서 내 프로필을 눌러주면 메뉴가 뜬다. 여기서 [Settings]을 클릭한다. 제일아래 [Developer settings]를 클릭해 준다. [Personal access tokens] 탭에서 [Token (classic)]를 눌러준 뒤 [Generate new token (classic)] 버튼을 눌러준다. jenkins가 우리의 github repository에 접근할 수 있게 권한을 부여해 준다. 그 뒤 [Generate token] 버튼을 눌러주자. 토큰 발급 완료 2. github jenkins 연결 (jenkins 설정)젠킨스에 들어와서 [jenkins 관리] 탭에서 [Credentials]를 클릭해 준다. ..

개인 서버 구축(6) - 도메인 설정해보기 (Gabia)

이번에는 간단히 도메인을 연결해 볼 것이다. 1. 가비아 접속https://www.gabia.com/마음에 드는 도메인을 구매해 준 뒤 My가비아를 클릭해서 들어간다. 2. 설정도메인을 클릭해 준다. 구매한 도메인 우측의 관리 버튼을 눌러준다. 우측 하단에 보면 DNS 정보가 있다. 도메인 연결에서 설정 버튼을 눌러준다. 사용할 도메인을 체크하고 DNS 설정버튼을 클릭해 준다. 이제 레코드 두 개를 추가할 것이다. 값/위치에는 내 외부 IP를 넣어주고 호스트에는 @, www를 넣어준다. 그 뒤 저장을 눌러주자.@를 넣어주는 이유는 서브도메인 없이 루트 도메인을 가리킨다. 3. 예정이제 젠킨스를 설치하고 기본설정을 할 예정이다.

개인 서버 구축(5) - DHCP 서버 설정 (iptime), 포트포워딩 설정

이번에는 DHCP를 설정해서 미니pc에서 항상 같은 ip를 할당받을 수 있도록 할 것이다.또한 외부의 요청을 내부에서 처리하기 위해 필요한 포트를 열어둘 것이다. 1. DHCP 서버 설정 (iptime)iptime의 관리자 페이지인 192.168.0.1에 접속해 준다.기본값은 아이디/비밀번호가 모두 admin이다.만약 변경을 했었는데 잊어버렸다면 공유기를 한번 초기화시키면 된다. 로그인이 되었으면 관리도구를 클릭해 준다. 왼쪽 목록에서 고급 설정 - 네트워크 관리 - DHCP 서버 설정 탭에 들어간다.여기서 사용 중인 IP주소 정보를 체크한다. 목록을 보면 접속했던 기기들이 뜬다.난 미니pc에 설정할것이니 내 미니pc 기기명을 체크하고 등록버튼을 눌러준다. DHCP 서버 주소관리 탭에 올라갔다면 ..

개인 서버 구축(4) - SSH 설정, wifi 설정

미니 pc를 사용할 때마다 키보드, 마우스를 연결해서 사용하는 건 비효율적이다. 따라서 메인 pc에서 ssh연결을 통해 사용할 수 있도록 설정을 할 것이다. 이번에는 간단하게 ssh, wifi 연결만 해볼것이다. 1. SSH 연결하기# 미니PC에서 실행할 명령어# 패키지 목록을 업데이트sudo apt update# SSH 서버를 설치sudo apt install openssh-server # SSH 서비스를 시작sudo systemctl start ssh # 부팅 시 SSH 서비스가 자동 시작되도록 설정sudo systemctl enable ssh # 방화벽에서 SSH 포트를 허용sudo ufw allow sshssh 설치하는 건 위 명령어만 따라 해주면 된다. 간단하다. 2. WI..

개인 서버 구축(3) - USB를 사용해 우분투 설치하기 (2/2)

1. 필요한 부품 연결필요한 것들을 연결해 주자나는 부팅파일이 들어있는 USB, 전원, 키보드, 모니터, 마우스(필요 없었음)를 연결해 줬다. 나는 현 상황에서는 랜선을 연결하지 않고 진행했다. 2. 내부 설정2-1. 한국어라는 선택지는 당연히 없었다. English를 선택하고 넘어간다. 2-2. 키보드 레이아웃 선택이다. 여기도 그냥 기본값인 English (US)로 지정하고 넘어간다. 2-3. 나는 기본값을 선택하고 넘어갔다. 그 아래 있는 Ubuntu Server (minimzed)를 선택하면 기본적인 패키지조차 직접 설치해야 한다. 그래서 나는 그냥 기본값을 택했다. 3번째에 있는 Search for third-party drivers는 그냥 넘어가자.만약 Ubuntu Server (mini..

개인 서버 구축(2) - USB를 사용해 우분투 설치하기 (1/2)

1. 리눅스 iso 다운로드https://ubuntu.com/download/server Get Ubuntu Server | Download | UbuntuGet Ubuntu Server one of three ways; by using Multipass on your desktop, using MAAS to provision machines in your data centre or installing it directly on a server.ubuntu.com 위 링크를 접속해서 Ubuntu Server를 다운로드한다. 상단을 보면 Desktop, Server로 나뉘어 있다. 두 개의 큰 차이점은 GUI와 기본 패키지의 유무 차이이다. 또한 Desktop버전은 웹 브라우저, 미디어 플레이어 등이 기본..

개인 서버 구축(1) - SSD, RAM 장착하기

1. 사양1-1. 베어본2025/2/4(화)에 시켜서 2025/2/11(화)에 받았다. 해외배송이었고 딱 1주일 걸렸다. (G마켓 구매) 파워는 85wcpu는 6600h로 구매했다. 6코어에 12쓰레드라는게 마음에 들어서 구매했다.또한 베어본으로 구매해서 ssd, ram은 직접 달기로했다.(가성비) 1-2. SSD램은 16기가로도 충분하지만 추후에 3~4개까지 프로젝트를 올려두고 다양한 용도로 쓸 예정이기 때문에 넉넉하게 32기가로 사용했다. 1-3. RAM램도 욕심을 조금 부렸다. 512기가로 하려다가 넉넉하게 1 테라로 주문했다. 결국 배보다 배꼽이 더 큰 느낌이지만 램과 하드는 재사용할 수 있기에 넉넉히 주문했다. 2. 조립과정본체 포장은 이렇게 해서 왔다. 좌측은 램(16GB) 2개, 우측은 하드..

[Spring Boot] Gzip 압축을 통해 로딩 성능 최적화 하기

1. 개요리액트 + 스프링부트로 진행 중인 프로젝트를 어느 정도 마무리 했다. 이제 배포전 성능테스트를 하며 최적화에 신경 쓰고 있다. 나는 'Lighthouse'를 사용해서 1차적으로 성능을 측정하고 문제점을 고쳐나가고 있다. 이때 만난 콘텐츠 로딩속도 문제에 관해 찾아보다가 Gzip에 관해 알게 되었다. 그래서 공부하고 기록할 겸 글을 작성한다. 2. Gzip?Gzip은 데이터를 압축하여 전송하는 표준적인 방법 중 하나로, 주로 웹에서 클라이언트와 서버 간의 데이터 전송 시 사용된다. Gzip은 텍스트 기반의 파일(HTML, CSS, JavaScript, JSON 등)을 효율적으로 압축하여 데이터 전송량을 줄이고, 페이지 로딩 속도를 향상시킨다. 3. Gzip 사용 시와 사용하지 않을 때의 차이Gzi..

프로필사진

남건욱's 공부기록

반응형