코드의 오아시스

더보기 기능 예시 더보기의 기능은 주위에 엄청 많습니다. 구글에 검색하여 아래로 스크롤하며 게시글 목록 더보기 알림 더보기 게시글 더보기 아프리카TV의 방송 더보기 등 등 사용하는 곳은 엄청 많습니다. 이미지 예시1) 이미지 예시2) 어떻게 보면 페이징하고 다를게 없는데? 라고 생각할 수 있지만 그것도 맞는 말입니다. 그래서 이번에 생각할 것은 실시간으로 바뀌는 더보기 기능입니다. 나의 문제 상황 나는 실시간 알림 기능을 구현하고 있었다. 알림을 클릭하면 알림 목록이 나오는데 사용자가 알림을 삭제 할 수도 있고 알림을 실시간으로 받아졌다. 알림을 수신받고 마지막 목록을 안보이게 처리하는 여기까지는 문제가 없다.. 알림3을 그냥 DOM에서 제거해주면 화면에선 노출되지 않게 되며 더보기 해도 알림3부터 데이..

문제 세 개의 장대가 있고 첫 번째 장대에는 반경이 서로 다른 n개의 원판이 큰 순서대로 쌓여 있다. 한 번에 한 개의 원판만을 다른 탑으로 옮길 수 있다. 쌓아 놓은 원판은 항상 위의 것이 아래의 것보다 작아야한다. 이동 순서는 최소가 되어야한다. 이 작업을 수행하는데 필요한 이동 순서를 출력하라 출처 : https://www.acmicpc.net/problem/11729 11729번: 하노이 탑 이동 순서 세 개의 장대가 있고 첫 번째 장대에는 반경이 서로 다른 n개의 원판이 쌓여 있다. 각 원판은 반경이 큰 순서대로 쌓여있다. 이제 수도승들이 다음 규칙에 따라 첫 번째 장대에서 세 번째 장대로 www.acmicpc.net 입, 출력 입력은 첫 번째 줄에 첫 번째 장대에 쌓인 원판의 개수 N(1 ≤ ..

글을 작성하는 이유 SSH 기본 포트는 22번입니다.그래서 해킹에 취약하므로 운영서버에는 포트를 변경하여 운영하는 것이 안전합니다.이글로 한번 연습해보길 바랍니다.   1. 사용하는 포트 확인 sudo netstat -tnlp | grep :22  명령어로 지금 사용중인 포트를 확인해봅시다.sudo netstat -tnlp | grep :22# 출력# tcp 0 0 0.0.0.0:22 0.0.0.0:* LISTEN 1636/sshd# tcp6 0 0 :::22 :::* LISTEN 1636/sshd     2. SSH 포트 변경 ss..

사전 작업 Docker Desktop을 설치해 줍니다.https://docs.docker.com/desktop/install/mac-install/ Install Docker Desktop on MacInstall Docker for Mac to get started. This guide covers system requirements, where to download, and instructions on how to install and update.docs.docker.com DB 개발 툴 DBeaver를 설치해 줍니다.[개발환경] 맥북M1 (MacM1) 디비버 BDeaver 설치하기 [개발환경] 맥북M1 (MacM1) 디비버 BDeaver 설치하기개발환경 MacM1 DBeaver : 22.1.4 페..

Singleton 디자인패턴은 객체 지향 프로그래밍에서 매우 중요한 역할을 하는 패턴 중 하나입니다.싱글톤 패턴은 어떤 클래스가 최대 한 번의 인스턴스만을 가지고, 그 인스턴스에 대한 전역적인 접근점을 제공하며, 이 인스턴스를 생성할 때의 제어를 보장합니다.이 글에서는 Singleton 패턴의 개념, 사용법, 그리고 주의할 점에 대해 알아보겠습니다.        Singleton  Singleton 개념 Singleton 패턴은 아래의 핵심 원칙을 따릅니다. 유일한 인스턴스해당 클래스는 오직 하나의 인스턴스만을 가지게 됩니다. 전역적 접근어디에서든지 이 유일한 인스턴스에 접근할 수 있는 전역적인 접근을 제공합니다.그래서 어디서든 접근할 수 있게 sta..

자바(JAVA)를 배운다면 지금 이글을 읽는 사람은 백엔드 개발자 일 것이다. 멀티 쓰레드는 기본 중에 기본으로 알아둬야한다. 하지만 처음 배운다면 되게 어려운 개념이라서 공부하기가 쉽지 않을 것이다. 남에게 알려준다면 항상 이렇게 알려준다고 생각하고 알기 쉽게 작성하게 되었다. 쓰레드 (Thread) Thread란? 프로그램의 실행 단위로, 컴퓨터의 중앙 처리 장치(CPU)에서 실행되는 작업을 나타냅니다. 개발자의 관점에서 본다면, 애플리케이션 코드를 하나하나 순차적으로 실행하는 것이 쓰레드가 됩니다. 쓰레드는 한번에 하나의 코드라인만 수행하며 이 쓰레드가 없다면 자바 애플리케이션 실행은 불가능 해집니다. 그럼 하나의 단일 쓰레드로 구성되어 있으면 싱글 쓰레드(Single Thread) 2개 이상처럼 ..

프로그래머스 완전 탐색 문제이다. 문제 설명 3명의 사람이 있는데 문제를 1번 부터 마지막 문제까지 다음과 같은 순서로 찍는다고한다. 1번이 문제 찍는 방식 : 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번이 문제 찍는 방식 : 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번이 문제 찍는 방식 : 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제 까지의 정답이 순서대로 들은 배열 answers가 주어 졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return하도록 solution 함수를 작성해라 제한 조건 입 출력 예시 Solut..

그리드간 형태  드래그 기능 예시 Sort 5를 Sort 2로 드래그를 하여 Sort 1과 Sort 2사이에 삽입이 되었다.그래서  Sort 2이후의 순번들은 하나씩 밀리게 된다.     나의 문제 상황 나는 이 그리드간 드래그 앤 드랍기능을 구현하면서 성능을 하나도 고려하지 않고 그냥 기능 구현에 급급했다.구현은 되었고 코드 리뷰와 테스트를 할 때 몇가지의 문제 상황을 발견하였다.  드래그를 하여 순번이 바뀌면 전체의 순번을 재정렬을 하는 코드로 구현하였다.중간에 삭제를 하면 전체의 순번을 재정렬하는 코드로 구현하였다.JPA를 사용하여 저장을 하였는데 전체의 순번을 재정렬하는데 반복문을 돌리면서 커넥션을 막 찌르고 있었다. 지금 생각해보면 진짜 개발도 못 하였고 개발자가 아닌 공부하는 것처럼, 학생처럼..

들어가기 전에 SPA (Single Page Application)싱글 어플리케이션으로 페이지 이동을 하지 않고 하나의 페이지로 내용만 계속 변경하는 것으로 구성된 웹 어플리케이션 입니다.예를 들어, Google 지도, Gmail, 구글 캘린더, 네이버 지도 등이 있습니다.  MPA (Multi Page Application)페이지 이동할 때마다 매번 서버에 HTML을 받아와 페이지 전체를 렌더링하는 전통적인 웹 어플리케이션 입니다.예를 들어, 네이버, Amazon 등이 있습니다.  이게 뭣이야!? 라고 생각하시는 분들은 가볍게 무엇인지 알고오시는 것이 좋습니다.      CSR (Client Side Rendering) 클라이언트 사이드 렌더링이라고 합니다. Client-Side Rendering (C..

DML 이란? Data Manipulation Language의 약어이며 데이터 조작어라고 불립니다. 그래서 DML은 데이터를 조작하기 위한 용도입니다. SELECT 표현법 칼럼 값은 소문자로 작성하고 나머지는 대문자로 작성하는 것이 관례입니다. -- [사용법] SELECT 컬럼 명[, 컬럼명...] FROM 테이블 명 WHERE 조건식; -- 작동 순서 : FROM → WHERE → SELECT 칼럼 값만 소문자(Java 연동할 때 데이터 넘겨주기 편하니까), 나머지는 대문자가 관례 DISTINCT 조회하고자 하는 칼럼에 중복된 값을 제외하고 딱 한번만 조회하고자 할 때 사용한다. 해당 칼럼명 앞에 기술하면 된다. 단, SELECT 절에 DISTINCT 구문은 단 한 개만 가능하다. -- [표현법] D..