cks._.hong 개발 블로그 cks._.hong 개발 블로그

무한 문자열 1. 제출 코드 (27분 55초 / 구현)import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String s = br.readLine(); String t = br.readLine(); int answer = 1; String ts = s.conc..

오셀로 재배치1. 제출 코드 (12분 32초 / 그리디)import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int T = Integer.parseInt(br.readLine()); for(int i = 0; i b ? w : b); } }} 2. 구현 로직오셀로 말..

HOC를 활용한 사용자 인가 처리 왜 궁금했을까❓아카이뷰 서비스는 사용자 등급이 존재하여 접근 권한이 존재하여 일부 페이지에 접근이 가능하다. API 서버에서 Spring Security를 활용하여 사용자 권한을 체크하고 있지만 프론트엔드에서도 페이지 자체에 접근을 못하게 막아야 한다. 이를 해결하고 React의 HOC를 활용하여 사용자 접근을 관리해보려고 한다.  1. HOC(Higher Order Component) 고차 컴포넌트 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.orgHOC(Higher Order Component)의 약자로 컴포넌트 로직을 재사용하기 위한 React의 고급 기술이라고 설명한다. 컴포넌..

React Tour를 활용한 서비스 가이드 왜 궁금했을까❓뉴스타 서비스를 런칭하고 사용자들에게 설문 조사를 실시하여 피드백을 받았다. 사용자들은 처음에 서비스를 어떻게 이용하는지 모르겠다는 의견을 보였다. 이를 해결하고자 초기 사용자에게 React Tour를 이용하여 서비스 이용 가이드를 제시하려고 한다.  1. 사용자 피드백36개의 사용자 피드백 중 21개의 피드백이 서비스 이용에 대한 부분을 문제점으로 뽑았다. 2. React Tour Install and use the Mask – Reactour docs.react.tours서비스 가이드 라이브러리를 찾아봤는데 React-joyride와 React Tour가 있었다. 프로젝트 기간이 얼마 남지 않은 상황에서 많은 기능을 지원하지만 러닝 커브가 높은..

Blue-Green 배포 전략을 활용한 무중단 서비스 왜 궁금했을까❓뉴스타 프로젝트에 Blue-Green 배포 전략을 도입하여 무중단 서비스를 구축한 과정에 대해 작성해보려고 한다. 또한, 배포 전략 중에 Blue-Green을 선택한 이유도 작성해보겠다.  [Infra] 무중단 배포 전략 (Rolling / Blue-Green / Canary)무중단 배포 전략 (Rolling / Blue-Green / Canary) 왜 궁금했을까❓뉴스타 서비스 CI/CD 과정에서 서비스가 중단되는 문제점으로 인해 사용자가 일정 시간동안 서비스를 이용하지 못하는 문제점이 있었pslog.co.kr위 포스팅을 통해 무중단 배포 전략에 대한 개념을 학습할 수 있다.1. 왜 Blue-Green 배포 전략인가?1개의 서버와 어플리..

ElasticSearch를 활용한 검색 속도 향상 왜 궁금했을까❓이번 포스팅에서는 ElasticSearch를 프로젝트에 적용시키고 MySQL을 활용해서 구현했던 뉴스 검색 기능과 성능 차이를 비교해보려고 한다.ElasticSearch의 개념과 작동 원리가 궁금하다면 아래 포스팅을 통해서 확인할 수 있다. [FastAPI] ElasticSearch pslog.co.kr 1. Docker / Elasticsearch & Kibana 설치services: elastic: container_name: elastic image: docker.elastic.co/elasticsearch/elasticsearch:7.10.0 restart: always ports: - 9200:920..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1. 제출 코드 (10분 23초 / Dictionary, Sort)import java.util.*;class Solution { public int solution(int k, int[] tangerine) { int answer = 0; PriorityQueue pq = new PriorityQueue((o1, o2) -> { return o2[1] - o1[1]; }); Map list = new HashMap(); ..

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1. 제출 코드 (52분 32초  / Greedy)import java.util.*;class Solution { public int solution(int storey) { int answer = 0; while(storey != 0) { int t = storey % 10; storey /= 10; if(t > 5) { answer += 10 - t; ..