Posts by Tag

baekjoon

백준 1158번 요세푸스 문제

October 22, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

백준 1874번 스택 수열

October 21, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

백준 9012번 괄호 Parenthesis

October 20, 2021 2 minute read

Problem Parenthesis String (PS) consists of two parenthesis symbols ‘(’ and ‘)’ only. In parenthesis strings, some strings are called a valid PS (shortly, VP...

백준 9093번 단어뒤집기 Word Reversal

October 19, 2021 1 minute read

문제 For each list of words, print a line with each word reversed without changing the order of the words. Each word consists of English letters only.

백준 10162번 전자레인지

May 18, 2021 1 minute read

문제 3개의 시간조절용 버튼 A B C가 달린 전자레인지가 있다. 각 버튼마다 일정한 시간이 지정되어 있어 해당 버튼을 한번 누를 때마다 그 시간이 동작시간에 더해진다. 버튼 A, B, C에 지정된 시간은 각각 5분, 1분, 10초이다.

백준 2217번 로프

May 17, 2021 2 minute read

문제 N(1 ≤ N ≤ 100,000)개의 로프가 있다. 이 로프를 이용하여 이런 저런 물체를 들어올릴 수 있다. 각각의 로프는 그 굵기나 길이가 다르기 때문에 들 수 있는 물체의 중량이 서로 다를 수도 있다.

백준 1541번 잃어버린 괄호

May 16, 2021 1 minute read

문제 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오.

백준 1931번 회의실 배정

May 14, 2021 2 minute read

문제 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간...

백준 11399번 ATM - Greedy ver.

May 12, 2021 2 minute read

문제 인하은행에는 ATM이 1대밖에 없다. 지금 이 ATM앞에 N명의 사람들이 줄을 서있다. 사람은 1번부터 N번까지 번호가 매겨져 있으며, i번 사람이 돈을 인출하는데 걸리는 시간은 Pi분이다.

백준 2839번 설탕배달 ŠEĆER - Greedy ver.

May 11, 2021 1 minute read

Kor 문제 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다.

Back to top ↑

java/자바

백준 1158번 요세푸스 문제

October 22, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

백준 1874번 스택 수열

October 21, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

백준 9012번 괄호 Parenthesis

October 20, 2021 2 minute read

Problem Parenthesis String (PS) consists of two parenthesis symbols ‘(’ and ‘)’ only. In parenthesis strings, some strings are called a valid PS (shortly, VP...

백준 9093번 단어뒤집기 Word Reversal

October 19, 2021 1 minute read

문제 For each list of words, print a line with each word reversed without changing the order of the words. Each word consists of English letters only.

백준 10162번 전자레인지

May 18, 2021 1 minute read

문제 3개의 시간조절용 버튼 A B C가 달린 전자레인지가 있다. 각 버튼마다 일정한 시간이 지정되어 있어 해당 버튼을 한번 누를 때마다 그 시간이 동작시간에 더해진다. 버튼 A, B, C에 지정된 시간은 각각 5분, 1분, 10초이다.

백준 2217번 로프

May 17, 2021 2 minute read

문제 N(1 ≤ N ≤ 100,000)개의 로프가 있다. 이 로프를 이용하여 이런 저런 물체를 들어올릴 수 있다. 각각의 로프는 그 굵기나 길이가 다르기 때문에 들 수 있는 물체의 중량이 서로 다를 수도 있다.

백준 1541번 잃어버린 괄호

May 16, 2021 1 minute read

문제 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오.

백준 1931번 회의실 배정

May 14, 2021 2 minute read

문제 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간...

Back to top ↑

java

백준 11399번 ATM - Greedy ver.

May 12, 2021 2 minute read

문제 인하은행에는 ATM이 1대밖에 없다. 지금 이 ATM앞에 N명의 사람들이 줄을 서있다. 사람은 1번부터 N번까지 번호가 매겨져 있으며, i번 사람이 돈을 인출하는데 걸리는 시간은 Pi분이다.

백준 2839번 설탕배달 ŠEĆER - Greedy ver.

May 11, 2021 1 minute read

Kor 문제 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다.

코드업 기초 100제 (자바): 1078-1099

May 3, 2021 8 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1047-1077

May 3, 2021 8 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1028-1046

May 3, 2021 4 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1001-1027

May 3, 2021 4 minute read

모든 문제는 코드업에서 참고했습니다.

Back to top ↑

greedy

백준 10162번 전자레인지

May 18, 2021 1 minute read

문제 3개의 시간조절용 버튼 A B C가 달린 전자레인지가 있다. 각 버튼마다 일정한 시간이 지정되어 있어 해당 버튼을 한번 누를 때마다 그 시간이 동작시간에 더해진다. 버튼 A, B, C에 지정된 시간은 각각 5분, 1분, 10초이다.

백준 2217번 로프

May 17, 2021 2 minute read

문제 N(1 ≤ N ≤ 100,000)개의 로프가 있다. 이 로프를 이용하여 이런 저런 물체를 들어올릴 수 있다. 각각의 로프는 그 굵기나 길이가 다르기 때문에 들 수 있는 물체의 중량이 서로 다를 수도 있다.

백준 1541번 잃어버린 괄호

May 16, 2021 1 minute read

문제 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오.

백준 1931번 회의실 배정

May 14, 2021 2 minute read

문제 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간...

백준 11399번 ATM - Greedy ver.

May 12, 2021 2 minute read

문제 인하은행에는 ATM이 1대밖에 없다. 지금 이 ATM앞에 N명의 사람들이 줄을 서있다. 사람은 1번부터 N번까지 번호가 매겨져 있으며, i번 사람이 돈을 인출하는데 걸리는 시간은 Pi분이다.

백준 2839번 설탕배달 ŠEĆER - Greedy ver.

May 11, 2021 1 minute read

Kor 문제 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다.

Back to top ↑

sqld

SQLD 합격 후기 및 공부 방법

June 25, 2021 1 minute read

후기 제41회 SQLD 시험에 합격했습니다. 시험은 5월 29일에 쳤습니다. 제가 사용했던 공부자료와 공부했던 방법을 공유합니다.

속성 (Attribute)

June 6, 2021 2 minute read

속성 업무에서 필요로 하는 인스턴스로 관리하고자 하는 의미상 더 이상 분리할 수 없는 최소의 데이터 단위

엔터티 (Entity)

June 5, 2021 1 minute read

엔터티 사람, 장소, 물건, 사건 개념 등의 명사 업무상 관리가 필요한 관심사 저장이 되기 위한 어떤 것 (Thing) 인스턴스의 집합

데이터 모델링(2)

June 4, 2021 1 minute read

전 포스트 데이터 모델링(1)과 이어지는 내용입니다.

데이터 모델링(1)

May 29, 2021 2 minute read

SQLD 시험 보고나서 정리할 겸 작성해 봅니다. 시험관련 후기는 곧 올리겠습니다.

데이터베이스 DB 파티셔닝과 클러스터링

May 21, 2021 2 minute read

파티셔닝 (Partitioning) 용량이 큰 Table 이나 인덱스를 관리하기 쉬운 단위(partition)로 분리하는 방법 하나의 테이블에 많은 양의 데이터가 저장되면, 인덱스를 추가하고 테이블을 몇 개로 쪼개도 성능이 저하되는 경우일 때. 논리적으로는 하나의 테이...

Back to top ↑

정보처리기사

속성 (Attribute)

June 6, 2021 2 minute read

속성 업무에서 필요로 하는 인스턴스로 관리하고자 하는 의미상 더 이상 분리할 수 없는 최소의 데이터 단위

엔터티 (Entity)

June 5, 2021 1 minute read

엔터티 사람, 장소, 물건, 사건 개념 등의 명사 업무상 관리가 필요한 관심사 저장이 되기 위한 어떤 것 (Thing) 인스턴스의 집합

데이터 모델링(2)

June 4, 2021 1 minute read

전 포스트 데이터 모델링(1)과 이어지는 내용입니다.

데이터 모델링(1)

May 29, 2021 2 minute read

SQLD 시험 보고나서 정리할 겸 작성해 봅니다. 시험관련 후기는 곧 올리겠습니다.

데이터베이스 DB 파티셔닝과 클러스터링

May 21, 2021 2 minute read

파티셔닝 (Partitioning) 용량이 큰 Table 이나 인덱스를 관리하기 쉬운 단위(partition)로 분리하는 방법 하나의 테이블에 많은 양의 데이터가 저장되면, 인덱스를 추가하고 테이블을 몇 개로 쪼개도 성능이 저하되는 경우일 때. 논리적으로는 하나의 테이...

Back to top ↑

js

Yarn berry (Plug n Play)

October 17, 2023 4 minute read

서론 회사 다른팀 상품에 우리팀 상품이 들어가게되면서, 그 팀에서 사용하고 있던 패키지 매니저인 yarn berry를 따라야 했었다. 그 전에는 pnpm을 사용했었는데, yarn berry로 마이그레이션을 하면서 yarn berry에 대해 조사한 내용을 기록한다.

OS 다크모드 감지해서 CSS 적용하기 (feat.vue)

October 16, 2023 1 minute read

CSS media query

JS Proxy (feat. Vue3)

October 13, 2023 4 minute read

개요 Vue3에서 Proxy를 통해 reactive object를 만든다고 들었다.1 reactive 변수를 console.log로 찍어보면 Proxy로 감싸져있는걸 볼 수 있다. 이 Proxy가 도대체 뭐길래 활용했다는걸까? Vue3 쪽을 자세히 보기전에 ES6에 등장한 Pro...

JS 문자열 실행 (eval, new Function)

October 9, 2023 2 minute read

개요 간혹 문자열로 저장된 js 코드를 실행해야 할 때가 있다. 이럴 때는 eval이나 new Function을 사용할 수 있다. 각 방법을 알아본다. 필자같은 경우, DB에 저장된 string 값을 실행해야될 때가 있었어서 이런 방법을 찾게 되었다. 결론적으로는, 사용하지 않고...

브라우저에서 자바스크립트 디버그하는 방법

May 6, 2023 2 minute read

개요 브라우저에서 JS 파일을 디버깅하는 방법에 대해 알아본다.

Back to top ↑

codeup

코드업 기초 100제 (자바): 1078-1099

May 3, 2021 8 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1047-1077

May 3, 2021 8 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1028-1046

May 3, 2021 4 minute read

모든 문제는 코드업에서 참고했습니다.

코드업 기초 100제 (자바): 1001-1027

May 3, 2021 4 minute read

모든 문제는 코드업에서 참고했습니다.

Back to top ↑

minimal_mistakes

로컬 제킬 깃헙 블로그 모바일에서 확인하는 법

May 24, 2021 1 minute read

Summary 제킬 깃헙 블로그를 작성/개발할 때 로컬 컴퓨터나 모바일 기계로 바로 확인하는 법을 알아봅니다. 이외의 경우들(라이브리로드, 미래 포스트)에 대해서도 알아봅니다.

깃헙 블로그 설정 - 스타일

May 23, 2021 4 minute read

Summary 제 깃헙 블로그에 추가한 스타일 관련 설정방법을 공유합니다. 계속 추가할 예정입니다.

깃헙 블로그 설정 - 기능

May 23, 2021 2 minute read

Summary 제 깃헙 블로그에 추가한 기능 설정 방법을 공유합니다. 계속 추가할 예정입니다.

How to use Latex(MathJax) on Minimal Mistakes Github blogs

May 12, 2021 3 minute read

Summary We’ll learn how to add MathJax and render math equations on our Minimal Mistakes Github pages.

Back to top ↑

stack

백준 1874번 스택 수열

October 21, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

백준 9012번 괄호 Parenthesis

October 20, 2021 2 minute read

Problem Parenthesis String (PS) consists of two parenthesis symbols ‘(’ and ‘)’ only. In parenthesis strings, some strings are called a valid PS (shortly, VP...

백준 9093번 단어뒤집기 Word Reversal

October 19, 2021 1 minute read

문제 For each list of words, print a line with each word reversed without changing the order of the words. Each word consists of English letters only.

Back to top ↑

process

프로세스 동기화(Process Synchronization)

July 31, 2021 5 minute read

Introduction

Program과 Process와 Thread

June 11, 2021 7 minute read

Summary 프로그램과 프로세스와 스레드의 차이를 알아본다.

Back to top ↑

thread

프로세스 동기화(Process Synchronization)

July 31, 2021 5 minute read

Introduction

Program과 Process와 Thread

June 11, 2021 7 minute read

Summary 프로그램과 프로세스와 스레드의 차이를 알아본다.

Back to top ↑

tech interview

OOP(Object-oriented programming)

June 27, 2021 10 minute read

Summary In this post, I will cover the basics of Object Oriented Programming(OOP).

Program과 Process와 Thread

June 11, 2021 7 minute read

Summary 프로그램과 프로세스와 스레드의 차이를 알아본다.

Back to top ↑

mobile

별점 시스템의 문제점과 해결법

November 30, 2021 4 minute read

개요 새로 들어가는 플랫폼 프로젝트에서 서비스 리뷰시스템을 도입하기로 했습니다. 처음에 단순히 많은 플랫폼에서 사용하는 별점 시스템을 떠올렸는데 별점을 악용하는 블랙 컨슈머들을 어떻게 방지하고 대응할지 고민이 되었습니다. 별점 시스템 관련 문제점과 해결법에 대해 제가 리서치하고 종...

절대 경로로 정적파일(이미지) 가져오기

September 30, 2021 2 minute read

리액트 네이티브 앱에서 절대 경로로 깔끔하게 정적파일 가져오는 법을 소개합니다.🥳 Using absolute paths to access static assets in React Native apps

Back to top ↑

npm

pnpm 도입 및 명령어

June 10, 2023 3 minute read

개요 회사에서 진행할 새로운 프로젝트의 기술 스택을 고민하면서, 패키지 매니저도 알아보았다. 2주 만에 뭔가가 나와야 하는 상황이라 자세히 리서치할 기회는 없었지만, 짧은 시간 동안 PNPM에 대해 파악한 내용과 회사 프로젝트에 도입한 경험을 잊지 않고 공유하려 기록한다.

절대 경로로 정적파일(이미지) 가져오기

September 30, 2021 2 minute read

리액트 네이티브 앱에서 절대 경로로 깔끔하게 정적파일 가져오는 법을 소개합니다.🥳 Using absolute paths to access static assets in React Native apps

Back to top ↑

string

백준 9012번 괄호 Parenthesis

October 20, 2021 2 minute read

Problem Parenthesis String (PS) consists of two parenthesis symbols ‘(’ and ‘)’ only. In parenthesis strings, some strings are called a valid PS (shortly, VP...

백준 9093번 단어뒤집기 Word Reversal

October 19, 2021 1 minute read

문제 For each list of words, print a line with each word reversed without changing the order of the words. Each word consists of English letters only.

Back to top ↑

docker-compose

칼리 리눅스 도커 컨테이너 설치와 VNC 설정

January 31, 2022 2 minute read

준비물 도커와 도커 컴포즈를 설치해 주세요. 아직 설치가 안 되셨다면 이 글을 참고하세요.

짱쉬운 도커와 도커컴포즈 설치

January 31, 2022 less than 1 minute read

도커 설치 너도나도 쓰는 도커세상. 얼른 설치해보자.

Back to top ↑

wsl

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

VS Code에서 WSL 터미널 설정하기

December 3, 2022 less than 1 minute read

개요 wsl 로 Ubuntu 20.04 LTS 설치하고, vs code에서 default terminal을 wsl 로 설정하는 법을 배웁니다. wsl 설치 전 저는 Git Bash를 default 터미널로 썼습니다.

Back to top ↑

bash

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

VS Code에서 WSL 터미널 설정하기

December 3, 2022 less than 1 minute read

개요 wsl 로 Ubuntu 20.04 LTS 설치하고, vs code에서 default terminal을 wsl 로 설정하는 법을 배웁니다. wsl 설치 전 저는 Git Bash를 default 터미널로 썼습니다.

Back to top ↑

terminal

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

VS Code에서 WSL 터미널 설정하기

December 3, 2022 less than 1 minute read

개요 wsl 로 Ubuntu 20.04 LTS 설치하고, vs code에서 default terminal을 wsl 로 설정하는 법을 배웁니다. wsl 설치 전 저는 Git Bash를 default 터미널로 썼습니다.

Back to top ↑

ubuntu

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

VS Code에서 WSL 터미널 설정하기

December 3, 2022 less than 1 minute read

개요 wsl 로 Ubuntu 20.04 LTS 설치하고, vs code에서 default terminal을 wsl 로 설정하는 법을 배웁니다. wsl 설치 전 저는 Git Bash를 default 터미널로 썼습니다.

Back to top ↑

WebAPI

ResizeObserver loop completed with undelivered notifications

April 23, 2024 2 minute read

현재 Vue3 App & Antd 컴포넌트를 사용해서 개발하고 있다. 로컬 개발환경에서 개발하는 중에 아래와 같은 webpack devserver overlay에 runtime에러가 떴었다: ``` Uncaught runtime errors:

Shadow DOM을 활용하자

April 22, 2023 2 minute read

Shadow DOM이란 브라우저의 렌더링 엔진은 HTML과 같은 문서(document)를 파싱해서 DOM(Document Object Model) tree를 만든다. DOM 트리는 문서 내용과 구조를 나타내는 계층구조 형태로 만들어 진다. DOM API를 사용해서 DOM 트리와 그...

Back to top ↑

package manager

Yarn berry (Plug n Play)

October 17, 2023 4 minute read

서론 회사 다른팀 상품에 우리팀 상품이 들어가게되면서, 그 팀에서 사용하고 있던 패키지 매니저인 yarn berry를 따라야 했었다. 그 전에는 pnpm을 사용했었는데, yarn berry로 마이그레이션을 하면서 yarn berry에 대해 조사한 내용을 기록한다.

pnpm 도입 및 명령어

June 10, 2023 3 minute read

개요 회사에서 진행할 새로운 프로젝트의 기술 스택을 고민하면서, 패키지 매니저도 알아보았다. 2주 만에 뭔가가 나와야 하는 상황이라 자세히 리서치할 기회는 없었지만, 짧은 시간 동안 PNPM에 대해 파악한 내용과 회사 프로젝트에 도입한 경험을 잊지 않고 공유하려 기록한다.

Back to top ↑

svg

차트 라이브러리 SVG vs Canvas 뭘 써야하나 (feat. Echart)

October 23, 2023 3 minute read

기존에 작성한 SVG vs Canvas 언제 써야하나에 이어지는 글이다. 전 글에는 SVG와 Canvas 기술 각각에 대해 설명했다면 이 글은 Chart를 사용할 때 SVG와 Canvas 렌더러 중 어떤 것을 선택해야하는지 다룬다.

SVG vs Canvas 언제 써야하나

October 21, 2023 4 minute read

개요 SVG와 Canvas는 둘다 HTML5에서 추가된 기술이다. 둘다 그래픽을 그리는 기술이지만, 그려지는 방식이 다르다.

Back to top ↑

canvas

차트 라이브러리 SVG vs Canvas 뭘 써야하나 (feat. Echart)

October 23, 2023 3 minute read

기존에 작성한 SVG vs Canvas 언제 써야하나에 이어지는 글이다. 전 글에는 SVG와 Canvas 기술 각각에 대해 설명했다면 이 글은 Chart를 사용할 때 SVG와 Canvas 렌더러 중 어떤 것을 선택해야하는지 다룬다.

SVG vs Canvas 언제 써야하나

October 21, 2023 4 minute read

개요 SVG와 Canvas는 둘다 HTML5에서 추가된 기술이다. 둘다 그래픽을 그리는 기술이지만, 그려지는 방식이 다르다.

Back to top ↑

tech trend

WIS2021 후기

April 21, 2021 3 minute read

과학 기술정보통신부에서 주최하는 World IT Show(WIS) 2021 를 구경 갔다 왔습니다. 4월 21일부터 23일까지 진행하던 행사였는데, 저는 수요일에 갔습니다. 장소는 코엑스!

Back to top ↑

mathjax

How to use Latex(MathJax) on Minimal Mistakes Github blogs

May 12, 2021 3 minute read

Summary We’ll learn how to add MathJax and render math equations on our Minimal Mistakes Github pages.

Back to top ↑

jekyll

로컬 제킬 깃헙 블로그 모바일에서 확인하는 법

May 24, 2021 1 minute read

Summary 제킬 깃헙 블로그를 작성/개발할 때 로컬 컴퓨터나 모바일 기계로 바로 확인하는 법을 알아봅니다. 이외의 경우들(라이브리로드, 미래 포스트)에 대해서도 알아봅니다.

Back to top ↑

regex

Regex (정규표현식)

May 30, 2021 3 minute read

정규식이란 Regex (regular expression, regex, regexp, or rational expression, 정규표현식)은 특정한 텍스트 패턴을 표현하는 문자열입니다. 텍스트에서 특정한 패턴을 찾을 때 널리 쓰입니다.

Back to top ↑

program

Program과 Process와 Thread

June 11, 2021 7 minute read

Summary 프로그램과 프로세스와 스레드의 차이를 알아본다.

Back to top ↑

scheduler

스케줄러(Scheduler)

June 12, 2021 2 minute read

Summary 스케줄러에 대해 알아본다.

Back to top ↑

cpu scheduler

CPU 스케줄링(CPU Scheduling)

June 13, 2021 4 minute read

Summary CPU 스케줄링에 대해 알아본다.1 wikipedia ↩

Back to top ↑

sync/async

동기와 비동기, Blocking vs Non-blocking

June 18, 2021 1 minute read

Summary 동기와 비동기의 차이점을 알아보고, Blocking과 Non-blocking I/O 모델에 대해서도 알아본다.

Back to top ↑

I/O

동기와 비동기, Blocking vs Non-blocking

June 18, 2021 1 minute read

Summary 동기와 비동기의 차이점을 알아보고, Blocking과 Non-blocking I/O 모델에 대해서도 알아본다.

Back to top ↑

interrupt

운영체제 역사

June 20, 2021 4 minute read

Summary 운영체제 역사에 대해 알아본다.

Back to top ↑

rest

Are REST APIs and HTTP APIs the same thing?

June 26, 2021 3 minute read

Summary Nowadays, many people seem to interchangeably use the words REST APIs and HTTP APIs. However, they are two different things. Through this post, I wil...

Back to top ↑

http

Are REST APIs and HTTP APIs the same thing?

June 26, 2021 3 minute read

Summary Nowadays, many people seem to interchangeably use the words REST APIs and HTTP APIs. However, they are two different things. Through this post, I wil...

Back to top ↑

dual mode

이중 동작 모드(Dual Mode operation)

July 6, 2021 3 minute read

Summary 운영체제의 보호 기법이라고 할 수 있는 이중 동작 모드에 대해 알아본다. 1 neon518님 tistory ↩

Back to top ↑

synchronization

프로세스 동기화(Process Synchronization)

July 31, 2021 5 minute read

Introduction

Back to top ↑

reactnative

절대 경로로 정적파일(이미지) 가져오기

September 30, 2021 2 minute read

리액트 네이티브 앱에서 절대 경로로 깔끔하게 정적파일 가져오는 법을 소개합니다.🥳 Using absolute paths to access static assets in React Native apps

Back to top ↑

absolute path

절대 경로로 정적파일(이미지) 가져오기

September 30, 2021 2 minute read

리액트 네이티브 앱에서 절대 경로로 깔끔하게 정적파일 가져오는 법을 소개합니다.🥳 Using absolute paths to access static assets in React Native apps

Back to top ↑

assets

절대 경로로 정적파일(이미지) 가져오기

September 30, 2021 2 minute read

리액트 네이티브 앱에서 절대 경로로 깔끔하게 정적파일 가져오는 법을 소개합니다.🥳 Using absolute paths to access static assets in React Native apps

Back to top ↑

queue

백준 1158번 요세푸스 문제

October 22, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

Back to top ↑

linkedlist

백준 1158번 요세푸스 문제

October 22, 2021 3 minute read

백준 사이트에서 가져온 문제입니다.

Back to top ↑

rating_system

별점 시스템의 문제점과 해결법

November 30, 2021 4 minute read

개요 새로 들어가는 플랫폼 프로젝트에서 서비스 리뷰시스템을 도입하기로 했습니다. 처음에 단순히 많은 플랫폼에서 사용하는 별점 시스템을 떠올렸는데 별점을 악용하는 블랙 컨슈머들을 어떻게 방지하고 대응할지 고민이 되었습니다. 별점 시스템 관련 문제점과 해결법에 대해 제가 리서치하고 종...

Back to top ↑

install

짱쉬운 도커와 도커컴포즈 설치

January 31, 2022 less than 1 minute read

도커 설치 너도나도 쓰는 도커세상. 얼른 설치해보자.

Back to top ↑

kalilinux

칼리 리눅스 도커 컨테이너 설치와 VNC 설정

January 31, 2022 2 minute read

준비물 도커와 도커 컴포즈를 설치해 주세요. 아직 설치가 안 되셨다면 이 글을 참고하세요.

Back to top ↑

vnc

칼리 리눅스 도커 컨테이너 설치와 VNC 설정

January 31, 2022 2 minute read

준비물 도커와 도커 컴포즈를 설치해 주세요. 아직 설치가 안 되셨다면 이 글을 참고하세요.

Back to top ↑

math vocab

수학 한글, 영어 단어 모음

November 19, 2022 5 minute read

Summary 매일 수학 용어 한글이랑 영어랑 매치가 안되서 찾아보기 귀찮아서 정리합니다.

Back to top ↑

proof

수학 한글, 영어 단어 모음

November 19, 2022 5 minute read

Summary 매일 수학 용어 한글이랑 영어랑 매치가 안되서 찾아보기 귀찮아서 정리합니다.

Back to top ↑

matrix

수학 한글, 영어 단어 모음

November 19, 2022 5 minute read

Summary 매일 수학 용어 한글이랑 영어랑 매치가 안되서 찾아보기 귀찮아서 정리합니다.

Back to top ↑

linear algebra

수학 한글, 영어 단어 모음

November 19, 2022 5 minute read

Summary 매일 수학 용어 한글이랑 영어랑 매치가 안되서 찾아보기 귀찮아서 정리합니다.

Back to top ↑

vector

수학 한글, 영어 단어 모음

November 19, 2022 5 minute read

Summary 매일 수학 용어 한글이랑 영어랑 매치가 안되서 찾아보기 귀찮아서 정리합니다.

Back to top ↑

vs code

VS Code에서 WSL 터미널 설정하기

December 3, 2022 less than 1 minute read

개요 wsl 로 Ubuntu 20.04 LTS 설치하고, vs code에서 default terminal을 wsl 로 설정하는 법을 배웁니다. wsl 설치 전 저는 Git Bash를 default 터미널로 썼습니다.

Back to top ↑

shell

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

Back to top ↑

working directory

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

Back to top ↑

Customize Bash Shell Prompt to show only current directory

커스텀 bash 쉘 터미널 - 작업 폴더 길이 줄이기

December 4, 2022 less than 1 minute read

개요 wsl로 Ubuntu 20.04 LTS를 설치하고, WSL bash 터미널을 사용해서 작업 중인데, WSL 같은 경우 /mnt/c/Users/{usernmae} 이런식으로 시작된다. 작업하는 프로젝트 path가 길어지게 되면, 터미널 prompt에 working direct...

Back to top ↑

DOM

Shadow DOM을 활용하자

April 22, 2023 2 minute read

Shadow DOM이란 브라우저의 렌더링 엔진은 HTML과 같은 문서(document)를 파싱해서 DOM(Document Object Model) tree를 만든다. DOM 트리는 문서 내용과 구조를 나타내는 계층구조 형태로 만들어 진다. DOM API를 사용해서 DOM 트리와 그...

Back to top ↑

shadowDOM

Shadow DOM을 활용하자

April 22, 2023 2 minute read

Shadow DOM이란 브라우저의 렌더링 엔진은 HTML과 같은 문서(document)를 파싱해서 DOM(Document Object Model) tree를 만든다. DOM 트리는 문서 내용과 구조를 나타내는 계층구조 형태로 만들어 진다. DOM API를 사용해서 DOM 트리와 그...

Back to top ↑

git

빈 폴더 git 커밋

April 28, 2023 less than 1 minute read

개요 생성한 빈 디렉토리를 git commit 하는 법을 알아본다.

Back to top ↑

empty folder

빈 폴더 git 커밋

April 28, 2023 less than 1 minute read

개요 생성한 빈 디렉토리를 git commit 하는 법을 알아본다.

Back to top ↑

debug

브라우저에서 자바스크립트 디버그하는 방법

May 6, 2023 2 minute read

개요 브라우저에서 JS 파일을 디버깅하는 방법에 대해 알아본다.

Back to top ↑

debugger

브라우저에서 자바스크립트 디버그하는 방법

May 6, 2023 2 minute read

개요 브라우저에서 JS 파일을 디버깅하는 방법에 대해 알아본다.

Back to top ↑

browser

브라우저에서 자바스크립트 디버그하는 방법

May 6, 2023 2 minute read

개요 브라우저에서 JS 파일을 디버깅하는 방법에 대해 알아본다.

Back to top ↑

UI/UX

UI Fundamentals

May 9, 2023 2 minute read

Intro I’ve been working as a front-end since last year, and I started to question UI/UX and wanted to learn about the subject. Searching for UI/UX-related c...

Back to top ↑

design

UI Fundamentals

May 9, 2023 2 minute read

Intro I’ve been working as a front-end since last year, and I started to question UI/UX and wanted to learn about the subject. Searching for UI/UX-related c...

Back to top ↑

pnpm

pnpm 도입 및 명령어

June 10, 2023 3 minute read

개요 회사에서 진행할 새로운 프로젝트의 기술 스택을 고민하면서, 패키지 매니저도 알아보았다. 2주 만에 뭔가가 나와야 하는 상황이라 자세히 리서치할 기회는 없었지만, 짧은 시간 동안 PNPM에 대해 파악한 내용과 회사 프로젝트에 도입한 경험을 잊지 않고 공유하려 기록한다.

Back to top ↑

sse

Server Side Events(SSE)

July 16, 2023 4 minute read

개요 실시간 데이터를 보여줘야하는 화면이 있다고 가정한다. Web에서 많이 사용하는 HTTP request-response 모델은 클라이언트(브라우저)가 어떤 리소스에 대해 요청을 보내고, 그에 맞는 응답을 서버가 내려주는 형태다. 이런 모델은 정적인 컨텐츠를 보여줄 때에는 알맞...

Back to top ↑

server-side-event

Server Side Events(SSE)

July 16, 2023 4 minute read

개요 실시간 데이터를 보여줘야하는 화면이 있다고 가정한다. Web에서 많이 사용하는 HTTP request-response 모델은 클라이언트(브라우저)가 어떤 리소스에 대해 요청을 보내고, 그에 맞는 응답을 서버가 내려주는 형태다. 이런 모델은 정적인 컨텐츠를 보여줄 때에는 알맞...

Back to top ↑

websocket

Server Side Events(SSE)

July 16, 2023 4 minute read

개요 실시간 데이터를 보여줘야하는 화면이 있다고 가정한다. Web에서 많이 사용하는 HTTP request-response 모델은 클라이언트(브라우저)가 어떤 리소스에 대해 요청을 보내고, 그에 맞는 응답을 서버가 내려주는 형태다. 이런 모델은 정적인 컨텐츠를 보여줄 때에는 알맞...

Back to top ↑

realtime-data

Server Side Events(SSE)

July 16, 2023 4 minute read

개요 실시간 데이터를 보여줘야하는 화면이 있다고 가정한다. Web에서 많이 사용하는 HTTP request-response 모델은 클라이언트(브라우저)가 어떤 리소스에 대해 요청을 보내고, 그에 맞는 응답을 서버가 내려주는 형태다. 이런 모델은 정적인 컨텐츠를 보여줄 때에는 알맞...

Back to top ↑

leetcode

[Leetcode] 338. Counting Bits - JavaScript

September 10, 2023 2 minute read

This algorithm problem is from leetcode.

Back to top ↑

algorithm

[Leetcode] 338. Counting Bits - JavaScript

September 10, 2023 2 minute read

This algorithm problem is from leetcode.

Back to top ↑

dynamicprogramming

[Leetcode] 338. Counting Bits - JavaScript

September 10, 2023 2 minute read

This algorithm problem is from leetcode.

Back to top ↑

dp

[Leetcode] 338. Counting Bits - JavaScript

September 10, 2023 2 minute read

This algorithm problem is from leetcode.

Back to top ↑

run string as js

JS 문자열 실행 (eval, new Function)

October 9, 2023 2 minute read

개요 간혹 문자열로 저장된 js 코드를 실행해야 할 때가 있다. 이럴 때는 eval이나 new Function을 사용할 수 있다. 각 방법을 알아본다. 필자같은 경우, DB에 저장된 string 값을 실행해야될 때가 있었어서 이런 방법을 찾게 되었다. 결론적으로는, 사용하지 않고...

Back to top ↑

vue3

Vue3에서 전역변수 사용하기 (feat. Vue2 prototype)

October 11, 2023 1 minute read

개요 Vue2 prototype 처럼 Vue3에서 전역변수를 사용하는 방법을 알아보자.

Back to top ↑

vue2

Vue3에서 전역변수 사용하기 (feat. Vue2 prototype)

October 11, 2023 1 minute read

개요 Vue2 prototype 처럼 Vue3에서 전역변수를 사용하는 방법을 알아보자.

Back to top ↑

proxy

JS Proxy (feat. Vue3)

October 13, 2023 4 minute read

개요 Vue3에서 Proxy를 통해 reactive object를 만든다고 들었다.1 reactive 변수를 console.log로 찍어보면 Proxy로 감싸져있는걸 볼 수 있다. 이 Proxy가 도대체 뭐길래 활용했다는걸까? Vue3 쪽을 자세히 보기전에 ES6에 등장한 Pro...

Back to top ↑

css

OS 다크모드 감지해서 CSS 적용하기 (feat.vue)

October 16, 2023 1 minute read

CSS media query

Back to top ↑

media query

OS 다크모드 감지해서 CSS 적용하기 (feat.vue)

October 16, 2023 1 minute read

CSS media query

Back to top ↑

yarn

Yarn berry (Plug n Play)

October 17, 2023 4 minute read

서론 회사 다른팀 상품에 우리팀 상품이 들어가게되면서, 그 팀에서 사용하고 있던 패키지 매니저인 yarn berry를 따라야 했었다. 그 전에는 pnpm을 사용했었는데, yarn berry로 마이그레이션을 하면서 yarn berry에 대해 조사한 내용을 기록한다.

Back to top ↑

puppeteer

페이지를 다양한 방법으로 캡처하자 (feat. Puppeteer)

October 31, 2023 2 minute read

개요 웹 페이지를 캡처하는 방법을 설명한다.

Back to top ↑

playwright

페이지를 다양한 방법으로 캡처하자 (feat. Puppeteer)

October 31, 2023 2 minute read

개요 웹 페이지를 캡처하는 방법을 설명한다.

Back to top ↑

nodejs

페이지를 다양한 방법으로 캡처하자 (feat. Puppeteer)

October 31, 2023 2 minute read

개요 웹 페이지를 캡처하는 방법을 설명한다.

Back to top ↑

storage

Storage: RAID, LUN, SAN

November 9, 2023 2 minute read

개요 회사에서 물리/가상자원 스토리지 모니터링 업무를 설계해야하는데 모르는 용어가 많아서 정리해봤다.

Back to top ↑

RAID

Storage: RAID, LUN, SAN

November 9, 2023 2 minute read

개요 회사에서 물리/가상자원 스토리지 모니터링 업무를 설계해야하는데 모르는 용어가 많아서 정리해봤다.

Back to top ↑

LUN

Storage: RAID, LUN, SAN

November 9, 2023 2 minute read

개요 회사에서 물리/가상자원 스토리지 모니터링 업무를 설계해야하는데 모르는 용어가 많아서 정리해봤다.

Back to top ↑

architecture

Thick vs. Thin vs. Zero Clients

November 18, 2023 1 minute read

개요 Thick 또는 Thin client라는 단어는 네트워크로 이어진 클라이언트-서버 아키텍처에서 시스템/장치가 어떻게 데이터를 프로세싱하고 어느정도의 자원을 요구하는지에 따라 분류할 때 쓰인다. 각 단어의 뜻을 알아보자.

Back to top ↑

vdi

Thick vs. Thin vs. Zero Clients

November 18, 2023 1 minute read

개요 Thick 또는 Thin client라는 단어는 네트워크로 이어진 클라이언트-서버 아키텍처에서 시스템/장치가 어떻게 데이터를 프로세싱하고 어느정도의 자원을 요구하는지에 따라 분류할 때 쓰인다. 각 단어의 뜻을 알아보자.

Back to top ↑

ResizeObserver

ResizeObserver loop completed with undelivered notifications

April 23, 2024 2 minute read

현재 Vue3 App & Antd 컴포넌트를 사용해서 개발하고 있다. 로컬 개발환경에서 개발하는 중에 아래와 같은 webpack devserver overlay에 runtime에러가 떴었다: ``` Uncaught runtime errors:

Back to top ↑

Minjeong Choi

Posts by Tag

baekjoon

java/자바

java

greedy

sqld

정보처리기사

js

codeup

minimal_mistakes

stack

process

thread

tech interview

mobile

npm

string

docker-compose

wsl

bash

terminal

ubuntu

WebAPI

package manager

svg

canvas

tech trend

mathjax

jekyll

regex

program

scheduler

cpu scheduler

sync/async

I/O

interrupt

rest

http

dual mode

synchronization

reactnative

absolute path

assets

queue