우주먼지 개발 log

참여 인증 ~~사실 지금은 개발 끊었는데요 .. 내배캠 들으면서 올린 잔디가 187개나 되네 ㅜ.ㅜ항해99에서 깃허브 잔디 하나에 100원씩 기부해주는착한 기부캠페인을 하고있어용나 18,700원^^*여태 이렇게 기부를 많이 해본적이 없는데.. 부끄..대신 해주신다니 감사합니다~아래에서 참여하소서..개발자들 화이팅! 개발자 커리어 개척 캠프 항해99 | 잔디 기부 캠페인세상의 성장에 기여하세요hanghae99.spartacodingclub.kr#항해99 #잔디기부캠페인 #잔디기부

금액을 표시할 때 뭔가 빠진것 같다 싶었는데, 콤마도 찍고 통화 기호도 찍어주어야했다.하지만 이정도는 추가 라이브러리 설치 없이도 다 제공..^.^아래 3가지 방법이 있다.1. 내장 라이브러리 Intl.Numberformat 사용하기지역 및 통화 옵션 설정 시 알아서 표기해줌!https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormatconst number = 123456.789;console.log( new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format( number, ),);// Expecte..

1. CRA boilerplate로 프로젝트 생성 npm ,yarn 등 입맛대로 yarn create react-app projectName 2. 지울 거 지우기 App.css App.test.js logo.svg reposrtWebVital.js setupTests.js 2-2 App.js / index.js 내부 안쓰는 코드 정리 (방금지운것들, return문 안쪽 등) 2-3 App.js / index.js는 jsx문법이 들어가므로 jsx로 확장자 변경해주는 편 3. 폴더 구성 (마음대로) assets/ components/ pages/ shared/ 4. 절대 경로 설정 (해도되고) 루트폴더 아래에 jsconfig.json 파일 생성 { "compileOptions": { "baseUrl": "s..

완전탐색 챕터로 빼논 애들 거의다 DFS로 풀면 되어서 연습 엄청 된다 -ㅇ- 그 중에 제일 기본인것 같은 DFS 문제 https://school.programmers.co.kr/learn/courses/30/lessons/87946 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(k, dungeons) { var answer = -1; // 던전 갯수만큼 방문 체크 배열 var visited = new Array(dungeons.length).fill(0) // DFS(남은 hp와, 단계) function dfs (hp,l..

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..