이 글에서는 React, Vite, PWA(Progressive Web App)를 결합하여 빠르고 설치 가능한 웹 애플리케이션을 설정하는 과정을 다룹니다.

문제 수빈이는 A와 B로만 이루어진 영어 단어 존재한다는 사실에 놀랐다. 대표적인 예로 AB (Abdominal의 약자), BAA (양의 울음 소리), AA (용암의 종류), ABBA (스웨덴 팝 그룹)이 있다. 이런 사실에 놀란 수빈이는 간단한 게임을 만들기로 했다. 두 문자열 S와 T가 주어졌을 때, S를 T로 바꾸는 게임이다. 문자열을 바꿀 때는 다...

프로젝트 셋팅 과정에서 겪은 문제 처음에는 react - electron - tailwind 순서로 설치 진행하였더니, tailwind가 적용되지 않았다. 폭풍 구글링을 통해서 electron-react-boilerplate라는 것을 발견했다. > electron-react-boilerplate는 Electron과 React를 결합한 애플리케이션 개발을 ...

인스타에서 발견한 릴스인데, 그리드 형식의 반응형 레이아웃이였다. 요긴하게 쓰일 것 같아 따라 만들어 보았다. 따라 만들면서 그리드 사용법을 간단하게나마 알 수 있었다.

여러 프로젝트를 하면서, 다양한 컴포넌트를 만들었는데 거의 대부분 부트스트랩이나 다른 라이브러리를 사용했던거 같다. 자주 사용하면서, 간단한 컴포넌트는 직접 구현해보고 싶어 하나씩 만들어보고자 한다.

케빈 베이컨의 6단계 법칙에 의하면 지구에 있는 모든 사람들은 최대 6단계 이내에서 서로 아는 사람으로 연결될 수 있다. 케빈 베이컨 게임은 임의의 두 사람이 최소 몇 단계 만에 이어질 수 있는지 계산하는 게임이다.예를 들면, 전혀 상관없을 것 같은 인하대학교의 이강호

두 문자열이 주어졌을 때, 두 문자열에 모두 포함된 가장 긴 공통 부분 문자열을 찾는 프로그램을 작성하시오.

수열 A가 주어졌을 때, 그 수열의 증가하는 부분 수열 중에서 합이 가장 큰 것을 구하는 프로그램을 작성하시오.예를 들어, 수열 A = {1, 100, 2, 50, 60, 3, 5, 6, 7, 8} 인 경우에 합이 가장 큰 증가하는 부분 수열은 A = {1, 100,

삼각형의 맨 위층부터 시작해서 아래에 있는 수 중 하나를 선택하여 아래층으로 내려올 때, 이제까지 선택된 수의 합이 최대가 되는 경로를 구하는 프로그램을 작성하라. 아래층에 있는 수는 현재 층에서 선택된 수의 대각선 왼쪽 또는 대각선 오른쪽에 있는 것 중에서만 선택할

클로저는 주변 상태(어휘적 환경)에 대한 참조와 함께 묶인(포함된) 함수의 조합입니다.

바닐라 스크립트를 이용한 ToDo List 프로젝트에서 컴포넌트 단위로 개발하고자 셋팅하는 과정을 정리

현대에서 주관하는 부트캠프로 두달간의 교육을 거쳐 채용연계 기회를 준다.https://www.softeerbootcamp.com/지원기간: 23년 11월 1일 ~ 23년 11월 13일1차평가: 23년 11월 20일1차발표: 23년 11월 24일2차평가: 23년

그래프의 한 종류로 사이클이 없는 계층적 관계를 표현할 수 있는 비선형 자료구조정의자식 노드가 최대 2개인 트리종류완전 이진 트리트리의 마지막 레벨을 제외한 모든 레벨에 노드가 채워져 있으며 마지막 레벨은 왼쪽에서부터 오른쪽으로 노드가 채워져 있는 이진 트리포화 이진

문제 입력 출력 풀이

문제 로봇 청소기와 방의 상태가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오. 로봇 청소기 작동방식 현재 칸이 아직 청소되지 않은 경우, 현재 칸을 청소한다. 현재 칸의 주변 $4$칸 중 청소되지 않은 빈 칸이 없는 경우, 2-1. 바라보는 방향을

도시에 있는 치킨집 중에서 최대 M개를 고르고, 나머지 치킨집은 모두 폐업시켜야 한다. 어떻게 고르면, 도시의 치킨 거리가 가장 작게 될지 구하는 프로그램을 작성하시오.첫째 줄에 N(2 ≤ N ≤ 50)과 M(1 ≤ M ≤ 13)이 주어진다.둘째 줄부터 N개의 줄에는