https://jdy0120.github.io/divisionTeam/ LoL Team jdy0120.github.io 위 링크에서 사용하실 수 있습니다. 이번 글에선 리그오브레전드 팀 나누기 프로젝트에 대해 소개해 드리겠습니다. 완벽하지 않은 프로젝트였지만 개인적으로 잘 사용한 프로젝트였는데요. 개발하면 나는 반드시 사용할 것 같다는 실용성 때문에 개발하게 되었습니다. 친구들이 10명모여 게임을 진행하려고하면 할상 밸런스가 문제였습니다. 5:5로 나누는데 단순히 감에 의존하여 팀을 나누기 때문에 본격적인 게임을 시작하기 위해선 3판에서 4판정도의 밸런스 조정게임이 필요했습니다. 시간으로 따지면 한판당 30분 3판이면 90분 10명이 모이면 900분의 낭비가 있었고 모두들 모여 즐거운 스포츠를 하기 위해..
2022년 11월 25일 부터 웹사이트 포트폴리오를 제작했습니다. 완성까진 아니지만 80% 완성되어 포트폴리오 사이트 설명글을 적어보려고 합니다. Frontend Developer Doyeonism 프론트엔드 개발자 도여니즘의 포트폴리오 사이트입니다. portfolio.doyeonism.com next js 로 제작을 진행했고 vercel 로 배포했습니다. nextjs로 개발을 진행한 이유는 유튜브섹션과 티스토리섹션에서 각각 api를 호출하는 코드가 필요했는데 nextjs를 사용하여 백엔드에서 youtube api와 티스토리 api를 호출하고 필요한 정보를 추가해 프론트로 넘겨주면 좋지 않을까 생각했습니다. 결과적으론 nextjs에서 백엔드 처리를 하지 않았습니다. vercel 무료배포는 백엔드의 짧은 ..
이번 프로젝트는 [리액트 따라하며 배우기] 달력 프로젝트 React+typescript, styled-components 이번 리따배 프로젝트는 달력만들기 입니다. 깃허브 저장소 : https://github.com/jdy0120/frontendproject/tree/master/calender GitHub - jdy0120/frontendproject Contribute to jdy0120/frontendproject development by creating an account on G blog.doyeonism.com 위 프로젝트에서 추가기능을 생성한 프로젝트입니다. 위 프로젝트를 먼저 따라와주신 후 이번 프로젝트를 진행해주시면 되겠습니다. 이번 프로젝트는 React + axios를 사용하여 공공데..
깃허브 레파지토리 : https://github.com/jdy0120/frontendproject/tree/master/sidebar GitHub - jdy0120/frontendproject Contribute to jdy0120/frontendproject development by creating an account on GitHub. github.com 이번 리따배 프로젝트는 간단한 사이드바를 만들어보는 프로젝트입니다. 위 프로젝트는 react에서 child를 사용하여 여러 컴포넌트에서 공통적으로 사용하는 기능들을 하나의 컴포넌트로 만들어 코드 반복을 줄입니다. Sidbar.tsx라는 컴포넌트를 만들어 home,portfolio,info,etc라는 각각의 컴포넌트에 재사용합니다. spa에서 여러 ..
