우주먼지 개발 log

shadcn/ui component library UI component library 로 기존에 사용해 본것 들 중에는 ant, mui 같은 것 인 줄만 알았는데 차이점이 조금 있다. 바로바로.. 설치형이 아닌 component 자체를 내 코드에 복사 붙여넣기 되는 방식이기 때문에 커스텀하기 용이하고 무엇보다 가볍다. (전체 라이브러리를 설치하지 않아도 되니깐) ANT, MUI가 좀 킹받는 이유 (단점) 지난 프로젝트에서 ant로 아바타 수정하기 만들다가 포기한게 props로 수정할 수 있도록 제공하는 색상이나 간단한것들 제외하면, 커스텀 너무 불가... 또 지난 프로젝트에서 MUI로 페이지네이션 구현했다가 걷어낸게 라이브러리가 묵직하게 기능이 많은데, 딱 페이지네이션만 사용하고 있어서 였다. (그때는..

https://school.programmers.co.kr/learn/courses/30/lessons/43165 1. 재귀로 dfs 함수를 구현 2. 트리를 상상해 3. 왼쪽 자식은, +를 계산해볼꺼구, 오른쪽 자식은 -를 계산해 볼꺼야 4. 계산해 보기위해서 재귀함수를 (플러스, 마이너스 각각..) 호출해서, 모든경우의 수를 확인하기!! 5. 종료조건은 배열을 다 돌았을 때? 트리 끝까지 들어갔을때~ (index가 배열의 길이인지 확인) 6. 그때 혹시 sum이 타겟과 같으면 답으로 카운팅~ function solution(numbers, target) { var answer = 0; dfs(0,0); function dfs(index, sum) { if(index ===numbers.length) ..

세가지 개발자 본인 입맛대로 구현한,, BFS 코드 https://mocha-blog.tistory.com/227 https://yjg-lab.tistory.com/375 https://jsikim1.tistory.com/311 골자는 같다. 1. 큐의 구현 - (일단만들지 않고 배열을 사용, shift 연산을 사용하여 queue 처럼 사용) 2. BFS의 동작 부분 - 첫 좌표를 큐에 넣어주고 - while 문으로 큐가 빌 때까지 반복 - 무엇을 반복하느냐 ? 상,하,좌,우 살피기 - 살필 때 주의할 부분 작성 : 배열을 벗어나는 부분이 없도록 - 큐에서 꺼낸 값이 마지막 좌표에 도달하면 답으로 체크 마지막 친구꺼 참조하여 타임어택으로 다시 짜봤는데 망함 ㅇ0ㅇ - javascript 코드 작성시 오타..

코딩테스트에서 많이 사용하는 문법 - JavaScript편 (velog.io) 코딩테스트에서 많이 사용하는 문법 - JavaScript편 코딩테스트에서 많이 사용하는 자바스크립트 문법을 간단하게 담았습니다. velog.io javascript 기초 : 공부했던 것 (스파르타) https://teamsparta.notion.site/JS-1-734f8c52eaa54e9fbb6f9c173b0e6bc4 [JS 문법 종합반] 1주차 : 자바스크립트 기본 문법 | Notion 매 주차 강의자료 시작에 PDF파일을 올려두었어요! teamsparta.notion.site 알고리즘 별 백준 문제풀이 repository : 참고용 => 프로그래머스 공부 끝내고 테스트 용으로 백준 풀어보기 ! GitHub - Nobase..

[스파르톤 짧은 후기] 졸업해도 재밌게 해주는 ; 아니 공부시켜주는 스파르타 감동적.. 혼자서는 의지가 잘 안되서 vscode를 키긴해도 이전 코드만 보고 프로젝트 생성을 못해봤는데, 잠시 까먹었던 yarn create react-app xx 를 해보게 해주었다. html, css, js 로 해도 되긴했지만 ^0^ 도전적으로 해보려다가 ? 문제는 못풀었지만. 결론적으로는 투두리스트부터 복습할 의지를 북돋아주셔서 감사합니다. 투두리스트 컴포넌트 진짜 예쁘게 분리해서 짜보자.. 아직도 헤매는 컴포넌트 분리ㅠ 항상 느끼는거지만 메타버스 내에서 진행 하는 행사준비 진짜. 잘하신다.ㅋㅋ - 반가운 원장님의 canvas를 이용해서 웹 게임 만들기 실시간 공개강의 (라이브 코딩) https://teamsparta.n..

1. useParams 사용법 현재 경로에 있는 dynamic parameter를 읽을 수 있게 해주는 클라이언트 사이드의 Hooks 이다. 공식문서 : https://nextjs.org/docs/app/api-reference/functions/use-params 'use client' import { useParams } from 'next/navigation' export default function ExampleClientComponent() { const params = useParams() // Route -> /shop/[tag]/[item] // URL -> /shop/shoes/nike-air-max-97 // `params` -> { tag: 'shoes', item: 'nike-ai..