티스토리

yunicornlab

검색하기

블로그 홈

yunicornlab

yunicornlab.tistory.com/m

yunicornlab 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[React Query] Tanstack Query 공식문서 - 개요 https://tanstack.com/query/latest/docs/framework/react/overview Overview | TanStack Query React DocsTanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating serve...tanstack.com It makes fetching, caching, synchronizing and updating server state in your web ap.. 공감수 0 댓글수 0 2025. 2. 18.
Github actions로 CI/CD 구현하기 - Vercel 배포와 함께 이번에 시작한 프로젝트를 Vercel로 배포하기로 했다.그러던 중 빌드와 테스트, 배포의 과정을 자동화하는 CI/CD를 도입해보고 싶다는 생각이 들었다.Jenkins와 같은 도구도 있지만 좀 더 쉽게 접근할 수 있는 Github Actions를 사용해보기로 했다.CI/CD란?CI : Continuous Integration (지속적 통합)코드 변경 사항을 자주 병합(Merge)하고, 자동으로 빌드(Build) 및 테스트(Test)하는 프로세스CD : Continuous Delivery/Deployment (지속적 제공/배포)(Delivery) CI의 확장으로, 자동화된 빌드와 테스트를 통과한 코드를 항상 프로덕션에 배포할 준비가 된 상태로 유지(수동 배포)(Deployment) 모든 검증된 코드 변경 사.. 공감수 1 댓글수 0 2024. 12. 13.
Zustand에서 Selector 사용 방법에 따른 차이 알아보기 zustand에서 create 함수로 store를 생성한 후에, 이 생성한 store에서 상태를 가져오는 방법은 두 가지가 있다.selector를 직접 정하느냐 마느냐!이 둘의 차이점은 바로 리렌더링 문제에 있다.// 방법 (1) : selector 지정 안하고 기본값인 (state) => state로 사용// 즉, 전체 상태 구독const store = useStore();// 또는 const { count } = useStore();// 방법 (2) : selector = (state) => state.count로 사용// 즉, count만 구독const count = useStore((state) => state.count); // count만 구독 전체 상태를 구독하는 방향이 되면, store의 .. 공감수 0 댓글수 0 2024. 12. 12.
Zustand의 create 함수 알아보기 (2) - create와 useStore create와 useStore 정의 코드 살펴보기이전 글에서 src > react.ts 파일에 있는 코드를 다시 살펴보자https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/react.ts zustand/src/react.ts at a958de910fb49392d5407eb0a9a776ec959ce8c5 · pmndrs/zustand🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.github.comimport React from 'rea.. 공감수 0 댓글수 0 2024. 12. 12.
Zustand의 create 함수 알아보기 (1) - set 함수 React에서 Zustand를 사용해 store를 생성하려면 create 함수를 사용한다.create 함수에는 콜백 함수를 인자로 전달하는데, 이 콜백 함수에는 set과 get 함수를 인자로 받아서 사용할 수 있다고 했다.단순히 공부할 때는 get은 상태값을 받아올 수 있는 함수이고 set은 상태를 변경할 수 있는 함수라는 것만 알고있었는데, 이것밖에 없는 건지, create 함수는 어떻게 생긴건지 무엇일까 궁금해져서 공부해보았다. 먼저, zustand github 레포를 찾아서 이 set 함수 부분이 있는 곳을 찾아보았다.https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/vanilla.ts zustand.. 공감수 0 댓글수 0 2024. 12. 11.
zustand가 뭐야 어떻게 써 1. Zustand란?크기가 작아서 가볍고 빠르며 확장성이 좋은 전역 상태 관리 라이브러리다. Zustand는 독일어로 "상태"라는 뜻이다. (독일어다보니 발음은 쭈스탄트 정도로 읽으면 된다.)zustand는 store를 기반으로 하기 때문에 처음에 store에 대한 개념을 알아야 하는데, store는 간단히 말해 애플리케이션의 상태를 저장하는 중앙 데이터 저장소라고 생각하면 된다.zustand는 create라는 함수를 통해 이 store를 생성하기 때문에, create 함수로 store를 생성하는 것부터가 시작이다.2. Zustand 공식 홈페이지(1) 공식 문서https://zustand-demo.pmnd.rs/ Zustand zustand-demo.pmnd.rs 보통은 해당 서비스의 소개 문구가 있.. 공감수 1 댓글수 0 2024. 12. 11.
화살표 함수 사용을 위한 문법 기본 문법const add = (a, b) => { return a + b;};function 키워드 대신 => 기호 사용문이 두 개 이상일 경우 중괄호를 감싸면서 return을 명시해야 함 생략 가능한 상황1. 표현식 하나만 반환하는 경우 : return 생략 가능const add = (a, b) => a + b; 2. 매개변수가 하나인 경우 : 매개변수를 감싸는 괄호 생략 가능const square = x => x * x; 주의해야하는 상황1. 매개변수가 없는 경우 : 반드시 빈 괄호 작성const greet = () => "Hello!"; 2. 객체 하나를 반환하면서 return을 생략하는 경우 : 반드시 소괄호로 감싸기const getUser = () => ({ name: "Alice", age.. 공감수 0 댓글수 0 2024. 12. 11.
[유데미x스나이퍼팩토리] React 2기 - 프로젝트 첫 오프라인 회의 매일 데일리스크럼을 온라인으로 15분~30분 정도 진행하다가 목요일에 처음으로 오프라인 회의를 진행해보았다!정말... 다사다난했다🤣정말 다양한 문제들과 마주했고, 신기하고 다행히도 모두 다 해결하고 끝낼 수 있었다. 일단 오늘 오프라인 회의의 목표는 다음과 같았다.1. Git 협업을 위한 명령어 흐름 정하기2. 각자 작업한 기능 PR & Merge 진행3. 배포 툴 정해서 배포 진행하기4. 컴포넌트 분리 및 폴더 구조 확정하기5. 회계 서류 작성6. 프로젝트 일정 및 더 깊게 생각하기 Git 명령어 연습 및 흐름 확정짓기push를 어떤 브랜치에 하고, pull과 merge를 어떤 순서로 사용할지 이런 흐름이 나도 아직 헷갈린 채로 모였다.영차영차 고민하고 테스트한 결과, 아래 흐름이 베스트라고 생각했다.. 공감수 7 댓글수 5 2024. 9. 9.
[유데미x스나이퍼팩토리] React 2기 - 프로젝트 1주차 기획 회고 8/31까지 사전직무교육과 프로젝트 설명회 및 팀 수당 설명회를 마치고9월 1일부터 4주간의 프로젝트 기간이 시작됐다!나는 (주)테라파이 기업에서 제공해준 프로젝트에 참여하게 되었다.테라파이는 전세사기 예방을 위한 부동산 금융케어 플랫폼인 세이프홈즈 서비스를 제공하고 있다.https://safehomes.kr/ 세이프홈즈-부동산 거래 이제 안심하세요.세이프홈즈, 부동산, 권리분석, 전세사기예방, 전세사기, 깡통전세, 안심전세, 허그보증보험, 전세꿀팁, 전세대출, 보증보험가입, 아파트전세, 오피스텔전세, 빌라전세, 다가구전세, 중기청대출,safehomes.kr 프로젝트 소개테라파이에서 제공해준 프로젝트는 공인중개사들을 위한 서비스였다. 매물 관리, 계약 관리 서비스를 통해 데이터를 효율적으로 관리할 수 있.. 공감수 4 댓글수 4 2024. 9. 8.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 후기 사전직무교육을 담당해주신 수코딩 김기수 강사님의 강의 후기를 남겨보려 한다~! https://www.sucoding.kr/ 수코딩 | 누구나 쉽게 배우는 온라인 코딩 스쿨수코딩은 누구나 쉽게 코딩을 배울 수 있는 온라인 코딩 교육을 만들어갑니다. 대표자: 김기수 | 사업자번호: 208-26-67207 | 통신판매업신고: 2024-성남중원-0311 개인정보관리책임자: 김기수 | 이메일www.sucoding.krhttps://www.youtube.com/@sucoding 수코딩수코딩은 현업 개발자가 직접 운영하는 코딩 교육 채널입니다. 누구라도 쉽게 코딩을 배울 수 있는 걸 목표로하고 있는 교육 채널이기 때문에 코딩을 한 번도 접해본 적 없는 비전공자분들도 이www.youtube.com 강의 시작 전과 끝난.. 공감수 0 댓글수 0 2024. 8. 30.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 6일차 예제 코드 중에, 배열 타입인 상태 변수에서 하나의 요소(처음 또는 마지막 요소)를 제외한 나머지 요소들로만 업데이트하고 싶을 때shift나 pop을 사용하거나 slice를 사용했었는데, 구조분해할당으로 더 간단한 방법도 알게되었다.const [del, ...remain] = imgSet;이렇게 두고, setImgSet(remain) 이렇게 나머지만 넣어주면 된다. React Hook - useEffectuseEffect의 첫 번째 인자에는 콜백함수가 들어가고, 두 번째 인자에는 의존성 배열이 들어간다.콜백함수에는 먼저 컴포넌트가 생성될 때(또는 의존성 배열 인자가 변경될때마다) 실행할 로직을 작성한다.그리고 return 문에는 컴포넌트가 삭제될 때 실행할 로직을 작성해준다.이 return문에 작성한 함.. 공감수 0 댓글수 0 2024. 8. 26.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 5일차 오늘 배운 건 여러 번 복습해야겠다는 생각이 들었다. 특히 Form 구성하는 연습을 많이 해보아야 겠다. 저번 시간에 만든 starter를 이용해서 새 프로젝트를 생성해보았다!https://github.com/Attainy/react-ts-tailwind-starter GitHub - Attainy/react-ts-tailwind-starter: React + Vite + TypeScript + TailwindCSS + Tailwind-Merge 기본 세팅React + Vite + TypeScript + TailwindCSS + Tailwind-Merge 기본 세팅 - Attainy/react-ts-tailwind-startergithub.commkdir 폴더이름cd 폴더이름code .git clone .. 공감수 0 댓글수 0 2024. 8. 25.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 4일차 한 번 배우고 프로젝트도 해봤으니까 어느 정도 알고있다고 생각했는데, 강사님께서 꼼꼼하게 알려주시고 팁도 많이 알려주셔서 굉장히 새로운 기분으로 듣게 되고, 내가 몰랐던 부분들을 채워가고 있어서 너무 좋았다.오늘은 Children과 조건부/반복/이미지 렌더링하는 법에 대해 배웠다. ChildrenReact에서는 컴포넌트에 데이터를 전달할 때 props를 사용할 수 있는데, children은 컴포넌트의 props로 전달되는 특수한 prop이다.props는 어느 정도 전달할 수 있는 타입이 한정되어있는데, children은 전달할 수 있는 데이터가 더 자유로워서 여러 요소나 컴포넌트도 전달할 수 있다.children을 사용할 땐 React.ReactNode로 타입을 지정해주면 된다. HTML Form 관련 .. 공감수 0 댓글수 0 2024. 8. 22.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 3일차 오늘은 (연습용) 프로젝트를 새로 시작하고 환경 설정한 후에 스타일링하는 법에 대해 배웠다. Vite로 React 프로젝트 시작하기React 프로젝트 시작할 때 이제는 Create React App을 사용하지 않고 Vite를 사용하는 것이 좋다. Vite를 사용해야 하는 이유는 https://ko.vitejs.dev/guide/why ViteVite, 차세대 프런트엔드 개발 툴ko.vitejs.dev vite로 프로젝트를 시작하려면 npm create vite@latest 폴더이름(새 폴더 안만들고 현재 폴더에 설치하고싶으면 마침표(.) 붙이기 이후 npm install 까지 입력하면 패키지들이 설치가 된다. 참고로, npm install 패키지이름 이렇게 하면 지정한 패키지가 설치되는 것이고 npm i.. 공감수 0 댓글수 0 2024. 8. 21.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 2일차 오늘은 TypeScript, 패키지, 리액트 기본 문법에 대해서 알려주셨다. TypeScript - interface vs. type Alias인터페이스는 자동 병합되는 특징이 있어서, 같은 이름으로 여러번 선언해도 에러가 발생하지 않고 자동으로 병합된다.그리고 extends 키워드를 사용해서 상속도 가능하다.하지만 type은 두 번 이상 같은 이름으로 선언하면 안 되고 extends 키워드도 사용할 수 없다.대신 & 연산자를 사용해서 병합할 수는 있다. (ex. TUser & TJob)그런데 interface로 선언한 변수에 마우스를 올리면 아무 정보도 나오지 않지만,type으로 선언한 변수에 마우스를 올리면 type의 구성을 자동으로 보여주는 편리함이 있다.interface는 이름 첫 글자를 I로 두.. 공감수 0 댓글수 0 2024. 8. 21.
[유데미X웅진씽크빅X스나이퍼팩토리] React 2기 - 사전직무교육 1일차 [유데미X웅진씽크빅X스나이퍼팩토리] 프론트엔드 프로젝트 캠프 : React 2기사전직무교육 1일차 강의 내용이다.오늘은 개발환경 구축과 ES6에서 추가된 기능과 TypeScript의 기본 문법에 대해 배웠다.강의내용을 복붙하기보다 딥다이브를 참고하면서 적어보려구 한다. ES6 - (1) let과 const이제 var 키워드는 쓰지 않는다! (코딩테스트에서는 본 것도 같지만) 현업에서 var로 도배되어있다면 빨리 탈출하기를 권하셨다.그럼 var는 대체 문제가 무엇일까?문제의 키워드는 #중복선언가능 #함수레벨스코프 #호이스팅이다.먼저, var 키워드는 선언을 여러번 할 수 있다.좋은 코드란, 개발자가 의도한대로 동작하는 코드이다. 하지만 중복선언이 허용되면 먼저 선언된 값이 바뀌어버릴 수 있다.그리고 var.. 공감수 2 댓글수 4 2024. 8. 19.
[유데미X웅진씽크빅X스나이퍼팩토리] 프론트엔드 프로젝트 캠프 : React 2기 시작 아니~~~!!? 교육비를 내기는 커녕 훈련수당도 주고 실제 기업에서 요청하는 프로젝트를 해볼 수 있는 과정이라니!! (광고 아닙니다)그것도 단기속성으로 시간낭비 없이 6주만에 끝낼 수 있는 좋은 교육과정을 지인이 추천해주어서 신청하게 되었다.지원서 작성과 면접을 보고 합격을 해서 8/19(월) 오늘부터 시작하게 되었다! 이 교육과정(정확히는 일경험 프로그램)은 크게 2개의 Part로 나눠진다.처음 2주동안은 평일 9시부터 18시까지 TypeScript와 React에 대해 필수적인 문법을 배우는 사전직무교육시간이다.오늘 OT 진행 후에 바로 강의가 시작됐다!유투브 수코딩 채널을 운영하시는 김기수 강사님께서 진행해주셨는데, 설명도 꼼꼼하게 잘 해주시고 연습도 충분히 하게 해주셨다. 다음 Part는 프로젝트 .. 공감수 0 댓글수 0 2024. 8. 19.
JavaScript의 핵심! 실행 컨텍스트 이해하기 모던 자바스크립트 딥다이브 책에 있는 실행 컨텍스트를 공부하면서 예시로 나온 코드 일부를 Gif로 직접 만들어봤다. 실행 컨텍스트 동작 애니메이션 실행 컨텍스트 동작 세부예시 코드에는 전역 스코프에 선언된 변수 x, y와 함수 foo가 있고, 함수 foo 안에 지역 변수 x, y가 선언되어있다. 코드를 실행하면, 인터프리터가 코드를 한줄 한줄 실행하기 전에, 먼저 "평가" 단계를 거친다.큰 순서로는 "전역 코드" -> "함수 코드" 이고, 매 단계마다 "평가 단계"와 "실행 단계"로 구분되어 진행된다.평가 단계에서는 선언된 변수나 함수를 먼저 렉시컬 환경에 등록하고 (그렇기 때문에 호이스팅이 발생한다.)실행 단계에서는 인터프리터가 코드를 한 줄 한줄 실행한다. 항상 전역 코드 부터 시작한다. 그래서 ".. 공감수 0 댓글수 0 2024. 8. 7.
[개발 스터디 운영] 서드파티 빡공 취준단 스터디 - OT 1) 취지의도 : 직장인처럼 주5일 하루에 8시간을 공부시간에 투자해보기혼자서 하루에 8시간을 취업준비에 투자해보려고 노력하던 중에, 점점 지치는 게 느껴짐책임감을 가지고 혼자가 아니라 함께 공부한다면 더 부지런하게 움직일 수 있는 힘이 생길것이라 생각해서 개설하게 됨일단 2주 진행해보고, 괜찮으면 2주 단위로 늘릴 예정2) 스터디장약 1년의 AI 개발 업무 경험이 있고, 프론트엔드로 전향하게 되어서 중고 신입의 위치부트캠프는 5월에 수료했지만, 아직 취업 준비 중8월 중순 이후부터는 공격적으로 서류 접수를 할 예정그동안은 띄엄띄엄 지원하긴 했지만, 서류 합격은 어느정도 되는 상황인데, 코테에서 광탈해버려서 코테에 집중하고 있는 상황수료 후 지금까지의 약 3달동안 수많은 시행착오를 겪음사실 지금 취업 시.. 공감수 0 댓글수 0 2024. 8. 1.
[개발 스터디 운영] 서드파티 빡공 취준단 스터디 운영 - 디스코드 셋팅 디스코드 서버를 개설하고, 아래 사진과 같이 채널들을 만들었다.각각 목적이 있는 채널들이다. 정보 채널📌 공지사항 : 스터디 운영과 관련된 내용 게시📌 자기소개 : 스터디 멤버들의 간단한 자기소개 글 채팅 채널🗣️ 대화 : 자유롭게 대화하는 채널📚 취업정보 : 테크 이슈나 기업 소식 및 취업과 관련된 팁 등의 정보 공유하는 채널🛠️ 기술 : 개발에 필요한 기술 관련 내용을 공유하는 채널✔️ 인증 : 하루가 끝날 때 기록 시트에 활동을 체크하고 캡쳐를 올려서 인증하는 채널🔖 메모 : 공부하는 중에 자유롭게 메모장처럼 사용하는 채널음성 채널🖥️ 모각공 : 스터디 시간에 사용할 채널🌱 휴식 : 자유시간에 사용할 채널🐾 서브 : 질문에 대한 답변을 해주는 등의 서브 공간 채널 공감수 0 댓글수 0 2024. 7. 31.
[개발 스터디 운영] 서드파티 빡공 취준단 스터디를 개설하다! 취업 준비를 혼자 해보고 있었는데, 기간이 길어질수록 지치게 되는 것 같아서직접 스터디를 개설하기로 마음 먹었다.!! 직장인이 되면 주 5일 하루 8시간을 개발에 투자하게 되는 거니까 미리 익숙해지기 위해서주 5일 하루 8시간을 취업준비에 투자해보자 하는 생각을 시작으로 기획해보았다. 하루를 3등분해서 8시간 숙면, 8시간 휴식, 8시간 취준!대신, 참여자들 모두 취준생이기 때문에 멘토처럼 하나하나 도와주는 목적의 스터디가 아니고공부를 도와주기 위한 "시스템"을 만들어 본 것이다.그래서 제 3자라는 의미의 서드 파티와 하루를 3등분 한다의 서드의 의미를 담아서서드파티라는 이름으로 개설했다. 먼저 2주를 해보고, 2주씩 늘리는 방향으로 갈 것이다. 모집 공고💻서드파티 빡공 취준단 모집1. 스터디 기간24.. 공감수 0 댓글수 0 2024. 7. 31.
백준 1300번 K번째 수 JavaScript 풀이 [이진 탐색] 백준 1300번 K번째 수 문제를 자바스크립트로 이진 탐색 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/1300 어려웠다 ㅠㅠㅠ만약 B 배열이 [1, 2, 2, 3, 3, 4, 6, 6, 9] 이렇게고, k=7이면 답은 6이다.→ mid = 5로 시작해서, 5(mid)보다 작거나 같은 데이터의 수가 7(k)개 이상이 될 때, 이 mid를 출력하면 답이다.-> mid = 5일 때는, 5보다 작거나 같은 데이터의 수가 6개이고, 이 개수가 k=7보다 작으므로 mid값을 증가시키기 위해 start = mid + 1 해줘야 함반대로, 개수가 k보다 크면 mid 값을 감소시켜줘야 하므로 end = mid 해줘야 함 1) 실패 -> mid보다 작거나 같은 데이터의 수를.. 공감수 0 댓글수 0 2024. 7. 28.
백준 10816번 숫자 카드 2 JavaScript 풀이 [이진 탐색] 백준 10816번 숫자 카드 2 문제를 자바스크립트로 이진 탐색 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/10816 1) 이진 탐색 안쓰고 단순 구현 -> 이 코드도 통과됨let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");// 가지고 있는 숫자 카드 N개let n = Number(input[0]);let have = input[1].split(' ').map(Number);// 비교할 숫자 카드 M개let m = Number(input[2]);let stand = input[3].split(' ').map(Number);let countM.. 공감수 0 댓글수 0 2024. 7. 28.
백준 3190번 뱀 JavaScript 풀이 [BFS] 백준 3190번 뱀 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/3190 으아 복잡해let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[this.he.. 공감수 0 댓글수 0 2024. 7. 27.
백준 16234번 인구 이동 JavaScript 풀이 [BFS] 백준 16234번 인구 이동 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/16234 let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[this.he.. 공감수 0 댓글수 0 2024. 7. 27.
백준 16953번 A -> B JavaScript 풀이 [BFS] 백준 16953번 A -> B 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/16953 let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[this.h.. 공감수 0 댓글수 0 2024. 7. 27.
백준 2638번 치즈 JavaScript 풀이 [BFS] 백준 2638번 치즈 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/2638 let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[this.head]; .. 공감수 0 댓글수 0 2024. 7. 27.
백준 5567번 결혼식 JavaScript 풀이 [BFS] 백준 5567번 결혼식 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/5567 let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[this.head];.. 공감수 0 댓글수 0 2024. 7. 27.
백준 5214번 환승 JavaScript 풀이 [BFS] 백준 5214번 환승 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/5214 1) 처음 작성한 코드 -> 메모리 초과로 실패let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element.. 공감수 0 댓글수 0 2024. 7. 27.
백준 18352번 특정 거리의 도시 찾기 JavaScript 풀이 [BFS] 백준 18352번 특정 거리의 도시 찾기 문제를 자바스크립트로 BFS 알고리즘을 이용해서 풀어보았다. https://www.acmicpc.net/problem/18352 let fs = require("fs");let input = fs.readFileSync('/dev/stdin').toString().trim().split("\n");class Queue { constructor() { this.items = {}; this.head = 0; this.tail = 0; } enqueue(element) { this.items[this.tail] = element; this.tail++; } dequeue() { const element = this.items[.. 공감수 0 댓글수 0 2024. 7. 26.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.