-
Shadcn/ui와 프론트엔드 프로젝트 구성 TOP NEW
프론트엔드 개발 시작. 디자인에서 몇 번이나 꺾여버렸는지 모르겠다만 드디어 개발에 들어간다. Shadcn /ui ?? 다양한 프레임워크와 해당 생태계의 UI 라이브러리가 있지만. 대부분의 경우 내부 구현을 커스터마이징 하거나, 특정 요구 사항에 맞춰 수정하려면 오히려 내가 만드는게 빠를듯 이라는 생각이 들 정도로 복잡할 때가 있다. collection of reusable components 는 철학 하에, shadcn/ui는 해당 컴포넌트를 설치하는 것이 아니라 컴포넌트 코드를 복사해온다. 공식 페이지 특징 npx shadcn@latest init 을 통해 가져온다. (npm ins... Read More
-
[Node.js] 백준 22866 - 탑 보기 TOP NEW
백준 20125 - 쿠키의 신체 측정 문제 이번에는 Node 로 한번 달려보기로. 쿠키 해부학 쿠키의 신체는 머리, 심장, 허리, 그리고 좌우 팔, 다리로 구성되어 있다. 그림에서 빨간 곳으로 칠해진 부분이 심장이다. 머리는 심장 바로 윗 칸에 1칸 크기로 있다. <- 머리 아래가 심장 왼쪽 팔은 심장 바로 왼쪽에 붙어있고 왼쪽으로 뻗어 있으며, 오른쪽 팔은 심장 바로 오른쪽에 붙어있고 오른쪽으로 뻗어있다. 허리는 심장의 바로 아래 쪽에 붙어있고 아래 쪽으로 뻗어 있다. 왼쪽 다리는 허리의 왼쪽 아래에, 오른쪽 다리는 허리의 오른쪽 아래에 바로 붙어있고, 각 다리들은 전부 아래쪽으로 뻗어 있다.... Read More
-
[Java & Node.js] 백준 14469 - 소가 길을 건너간 이유 3 TOP NEW
백준 14469 - 소가 길을 건너간 이유3 문제 이웃 농장의 소가 길을 마구잡이로 건너는 것에 진절머리가 난 존은 극단의 결정을 내린다. 농장 둘레에 매우 큰 울타리를 짓는 것이다. 이렇게 하면 근처 농장 출신의 소가 들어올 일이 거의 없다. 이 일로 주변 소들이 분개하였다. 친구네 집에 놀러 갈 수 없을 뿐만 아니라, 매년 참가하던 국제 젖 짜기 올림피아드에도 올해는 참가할 수 없게 되었기 때문이다. 이웃 농장의 소 중 존의 농장에 방문할 수 있는 소가 조금 있긴 하지만, 그들도 안심할 수 있는 건 아니다. 존의 농장에 들어가는 문은 하나밖에 없고, 그 문을 통과하려면 감시관의 길고 긴 검문을 받아야 한다... Read More
-
[Java] 백준 8979 - 올림픽 TOP NEW
백준 8979 - 올림픽 문제 올림픽은 참가에 의의가 있기에 공식적으로는 국가간 순위를 정하지 않는다. 그러나, 많은 사람들이 자신의 국가가 얼마나 잘 하는지에 관심이 많기 때문에 비공식적으로는 국가간 순위를 정하고 있다. 두 나라가 각각 얻은 금, 은, 동메달 수가 주어지면, 보통 다음 규칙을 따라 어느 나라가 더 잘했는지 결정한다. 금메달 수가 더 많은 나라 금메달 수가 같으면, 은메달 수가 더 많은 나라 금, 은메달 수가 모두 같으면, 동메달 수가 더 많은 나라 각 국가는 1부터 N 사이의 정수로 표현된다. 한 국가의 등수는 (자신보다 더 잘한 나라 수) + 1로 정의된다. 만약 두 나라가 금, 은, ... Read More
-
[Node.js] 백준 1283 - 단축키 지정 TOP NEW
백준 1283 - 단축키 지정 문제 한글 프로그램의 메뉴에는 총 N개의 옵션이 있다. 각 옵션들은 한 개 또는 여러 개의 단어로 옵션의 기능을 설명하여 놓았다. 그리고 우리는 위에서부터 차례대로 각 옵션에 단축키를 의미하는 대표 알파벳을 지정하기로 하였다. 단축키를 지정하는 법은 아래의 순서를 따른다. 먼저 하나의 옵션에 대해 왼쪽에서부터 오른쪽 순서로 단어의 첫 글자가 이미 단축키로 지정되었는지 살펴본다. 만약 단축키로 아직 지정이 안 되어있다면 그 알파벳을 단축키로 지정한다. 만약 모든 단어의 첫 글자가 이미 지정이 되어있다면 왼쪽에서부터 차례대로 알파벳을 보면서 단축키로 지정 안 된 것이 있다면 단축키로... Read More
-
[Node.js] 백준 22866 - 탑 보기 TOP NEW
[Node.js] 백준 22866 - 탑 보기 이거 왜 어렵지? 진짜 왜 어렵지? 왜 시간초과지? 예시 입력: 6 10 4 2 8 11 7 예시 출력: 1 4 1 1 0 2 5 2 4 1 5 접근 그냥 양쪽 다 확인하자 -> 시간초과 스택 두 번 나눠서 따로 돌리자 -> 오잉… 왜 됨..? O(N^2)과 O(N)이 되어벌인.. 핵심 buildings : 각 건물의 높이 저장된 곳 visibleCount : 각 건물에서 볼 수 있는 총 건물 개수 closestBuilding : 가장 가까운 건물 번호 코드 const input = require("fs") .rea... Read More
-
[Java] 백준 4485 - 녹색 옷 입은 애가 젤다지? TOP NEW
[Java] 백준 4485 - 녹색 옷 입은 애가 젤다지? 링크가 잃을 수밖에 없는 최소 금액은 얼마일까? 를 찾는 문제 5 5 4 3 9 1 3 2 7 접근 비용이 있는 맵에서 최단 경로를 찾음 + 음의 가중치 없음 -> 다익스트라 쓰자! 각 칸을 노드로 생각하고, 이동 자체를 간선으로 생각하고 풀었음. 핵심 int[][] grid : 지도 정보 int[][] dist : 최소 비용 저장 배열 PriorityQueue : 비용이 가장 적은 곳 부터 탐색하기 위함 Node : 큐에 담길 노드를 묶어주기 위함 코드 import java.io.BufferedReader; im... Read More
-
[Java] 백준 10431 - 줄 세우기 TOP NEW
백준 10431 줄 세우기 문제 링크 문제 이해 및 접근 뒤로 물러나는 걸음 수 계산하기 따라서 배열에 삽입하는 방식으로 접근. 삽입 후 인덱스를 이용, 뒤로 물러나는 걸음 수를 계산 ArrayList 활용 크기가 동적임 삽입시 자동으로 요소를 밀어냄 (문제에서 말하는 줄 세우기랑 같음!) 코드 구현 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.StringTokenizer; publ... Read More
-
[Java & Node.js] 백준 9935 - 문자열 폭발 TOP NEW
백준 9935 - 문자열 폭발 접근 실패한 접근 : replace를 통해서 계속 돌려보기 - 계속해서 새로운 string을 만드는 구조라 효율적이지 못함. 반복적으로 새로운 문자열을 생성하는 구조 : 시간 초과 정답 접근 스택을 활용하자. 입력 문자열을 한 글자씩 스택에 넣음 스택의 마지막 부분이 폭발 문자열과 일치하는지 확인 일치하면 해당 부분을 pop 연쇄작용도 간단히 해결됨 코드 Java StringBuilder를 스택처럼 활용해서 해결. 찾아보니 해당 요소는 가변적이라 함. (이득) import java.io.BufferedReader; import java.io.IOEx... Read More
-
자바로 알고리즘 풀기 TOP NEW
우당탕탕 자바 알고리즘 그냥 일단 해보기. 진짜 하나도 모르는 사람이라서… 문제 : 집합 (백준 11723) 문제를 자세히 보면 “node.js 사용불가”가 써있어서 컴퓨터에 깔려있는 아무 언어로 풀어야지 라는 마음으로 가볍게 시작한 문제 import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); boolean[] S = new boolean[21]; int N; ... Read More