본문 바로가기

분류 전체보기63

PWA 도입하기 - CRA 4.x 버전에서 PWA 도입하기 Progressive Web App (이하 PWA)? PWA는 'Progressive Web App'의 줄인 말로, 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기술입니다. 즉, 웹 기술을 통해 모바일 앱과 같은 경험을 할 수 있게 합니다. PWA는 서비스 워커 파일을 활성화시켜 서비스가 백그라운드에서 동작하게끔 만듭니다. 핵심은 이 서비스 워커란 녀석입니다. 서비스워커는 브라우저가 백그라운드에서 실행하는 스크립트이며 웹 페이지와 별개로 동작합니다. 서비스 워커에 대한 내용은 다음 글에서 살펴보도록 하고, 본 글에선 PWA 도입을 위한 서비스 워커 활성화 방법과 PWA로 구현할 수 있는 기능에 대해 살펴보겠습니다. PWA로 무엇을 할 수 있을까? 앞서, PWA에 대한 설명 중 앱과 백그라.. 2023. 2. 4.
스프링에서 데이터베이스를 다루는 방법 개요 웹서비스를 개발 및 운영함에 있어 피할 수 없는 문제는 데이터베이스를 다루는 일입니다. 데이터베이스를 다루기 위해 사용되는 JDBC, SQL Mapper, ORM에 대해 알아보고자 합니다. 들어가기 앞서... 먼저, 당연히 데이터베이스를 사용하는 이유는 우리가 다루는 이 데이터들이 프로그램이 종료되어도 사라지지 않고 어떤 곳에 저장하기 위함입니다. 이러한 개념을 영속성(Persistence)라고 부릅니다. JAVA에서는 데이터의 영속성을 위해 JDBC(Java Database Connectivity) 라고 불리는 자바 API를 지원해줍니다. 하지만, JDBC에서 DB에 접근하여 SQL을 수행하고, 결과값을 다시 dataType으로 매핑시켜주는 작업을 일일히 수행해야 하는 번거로움이 존재합니다. 이러.. 2023. 2. 4.
웹의 렌더링 기술: CSR vs SSR 개요 "Web Rendering" 기술 방식에는 Client Side Rendering(CSR) 방식과 Server Side Rendering(SSR) 방식이 존재합니다. 우리가 흔히 알고 있는 프론트엔드 프레임워크/라이브러리는 Vue와 React가 있습니다. 이는 대표적인 Single page application(SPA) framework으로 Client Side Rendering(CSR) 방식으로 View를 만듭니다. 반면, PHP는 Multi page application(MPA) 방식으로 Server Side Rendering(SSR) 방식으로 View를 만듭니다. 본 글에서 각각의 방식에 대한 차이와 장단점에 대해 알아보고, 모던 웹페이지는 어떤 방식을 채택하는 지 알아 보겠습니다. (참고로 .. 2023. 2. 4.
[BOJ/백준] 14502번 - 연구소 C++ 문제 풀이(시간 초과 포함) 문제 링크 : https://www.acmicpc.net/problem/14502 14502번: 연구소 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크 www.acmicpc.net [문제 요약] 0 : 빈 칸 / 1 : 벽 / 2 : 바이러스 바이러스는 상하좌우 인접한 빈 칸으로 모두 펴져나간다. 이때, 우리는 벽을 3개 세울 수 있고, 바이러스가 퍼질 수 없는 곳을 안전 영역이라고 한다. 안전 영역 크기의 최댓값을 구하시오. [문제 접근] 1. 바이러스가 상하좌우로 퍼진다. → BFS 2. 벽을 3개 세울 수 있다. → 조합 : 모든 빈칸(0) 중 3개를 선택해 벽(1).. 2021. 10. 3.
동적 계획법(Dynamic Programming) 동적 계획법(DP) 1. 정의 - 특정 범위까지의 값을 구하기 위해서 다른 범위까지의 값을 이용하여 효율적으로 값을 구하는 알고리즘 - 이미 과거에 구한 값을 활용하여 불필요한 계산을 하지 않는다. 2. DP 언제 쓸까? 1. 최적의 정답을 찾을 때 : (~가능한) 최대값 또는 최소값. 2. 정답의 수를 세야 할 때 : 문제를 해결할 수 있는 경우의 수를 세고 싶을 때. 3. 방법론 - 탑다운(top-down) : 메모이제이션을 사용한 재귀 호출 방식. - 바텀업(bottom-up) : 반복문(for문)을 사용, 일반적으로 점화식을 한 눈에 나타내기에 가독성이 좋다. 이건 한번 검색해서 보시면, 느낌이 오실겁니다! https://blog.naver.com/kks227/220777103650 동적 계획법(.. 2021. 9. 13.
728x90
반응형

티스토리툴바