peurogeuraemeoseu modeun munje puli
geomsaeg saiteuyi kodeuneun i jeojangsoe gonggaedoeeo isseoyo
sogae
- dayanghan saramyi peurogeuraemeoseuyi kodingteseuteu jeongdabi olrawaisseoyo!
- peurogeuraemeoseuneun jeongdabeul tonggwasikimyeon dareun saramdeulyi pulireul bol su isseoyo!
- geomsaeg saiteu reul tonghae ganpyeonhage geomsaeghago pulireul olril su isseoyo!
- doumi doesyeossdamyeon oreunjjog sangdan / yi Starreul keulrighae i peurojegteureul eungweonhaejuseyo!
dareun saramyi puliga wae jungyohangayo?
- kodingteseuteu gongbue wangdoneun eobseumyeo, dayanghan saramdeulyi pulireul bomyeo manheun munjereul puneun geosi coegoyi bangbeobibnida.
Contributors
Solutions
- munje eobrodeu bangsig gaeseongwa jeongdab gwanrireul wihae gijon README bangsigeseo geomsaeg saiteueseo geomsaeghaneun bangsigeuro baggwieosseoyo!
- munje mogroggwa jeongdabeun i paildeulro gwanridoego isseoyo. GitHub APIreul iyonghaeseo haedang paileul jayurobge sayonghaedo johayo! dan, kodeureul boyeojuneun gyeongu bandeusi arae jeojaggweoneul ddarajuseyo.
jeojaggweon
haedang Repositoryyi haedabeul jasinyi jeojagmule cugahal su issjiman bandeusi bon Repositoryyi
juso https://github.com/codeisneverodd/programmers-coding-test
reul myeongsihayeoyahabnida.
Types and Example
jeowa gati uri repoyi deiteoreul hwalyonghago sipeusin bundeuleul wihae taibgwa gandanhan yejereul namgyeonoheulgeyo!
Fetch yeje
axiosna tanstack query deung raibeureori sayonge igsughaji anhgeona TypeScripte igsughaji anheun bundeuleul wihan gandanhan yejeeyo.
const DATA_ENDPOINT =
"https://raw.githubusercontent.com/codeisneverodd/programmers-coding-test/main-v2/data";
export const getProbs = async () => {
const res = await fetch(`${DATA_ENDPOINT}/problems.json`);
return res.json();
};
export const getSols = async () => {
const res = await fetch(`${DATA_ENDPOINT}/solutions.json`);
return res.json();
};
"https://raw.githubusercontent.com/codeisneverodd/programmers-coding-test/main-v2/data";
export const getProbs = async () => {
const res = await fetch(`${DATA_ENDPOINT}/problems.json`);
return res.json();
};
export const getSols = async () => {
const res = await fetch(`${DATA_ENDPOINT}/solutions.json`);
return res.json();
};
TypeScript & Tanstack Query(React Query) yeje
uri repoeseo oneun gabseul sayonghal su issneun custom hook in useReporeul mandeuneun yejeeyo.
import { useQuery } from "@tanstack/react-query";
import axios from "axios";
const DATA_ENDPOINT =
"https://raw.githubusercontent.com/codeisneverodd/programmers-coding-test/main-v2/data";
export default function useRepo() {
const probsQuery = useQuery({
queryKey: ["repo", "sols"],
queryFn: async () => {
const res = await axios.get<Sol[]>(`${DATA_ENDPOINT}/problems.json`);
return res.data;
}
});
const solsQuery = useQuery({
queryKey: ["repo", "probs"],
queryFn: async () => {
const res = await axios.get<Prob[]>(`${DATA_ENDPOINT}/solutions.json`);
return res.data;
}
});
return { probsQuery, solsQuery };
}
export type Prob = {
id: string;
title: string;
solvedCount: number;
};
export type Sol = {
id: string;
author: string;
code: string;
probId: string;
createdAt: ReturnType<typeof Date.now>;
lang: Lang;
};
export type Lang = "JavaScript" | "Python";
import axios from "axios";
const DATA_ENDPOINT =
"https://raw.githubusercontent.com/codeisneverodd/programmers-coding-test/main-v2/data";
export default function useRepo() {
const probsQuery = useQuery({
queryKey: ["repo", "sols"],
queryFn: async () => {
const res = await axios.get<Sol[]>(`${DATA_ENDPOINT}/problems.json`);
return res.data;
}
});
const solsQuery = useQuery({
queryKey: ["repo", "probs"],
queryFn: async () => {
const res = await axios.get<Prob[]>(`${DATA_ENDPOINT}/solutions.json`);
return res.data;
}
});
return { probsQuery, solsQuery };
}
export type Prob = {
id: string;
title: string;
solvedCount: number;
};
export type Sol = {
id: string;
author: string;
code: string;
probId: string;
createdAt: ReturnType<typeof Date.now>;
lang: Lang;
};
export type Lang = "JavaScript" | "Python";