wazac

웹 개발자로써 회사에서 일하는 것도 즐겁지만(정말?!) 개인적으로 돈, 스펙, 서비스를 하나도 생각하지 않고 오로지 내가 만들고 싶은 것들을 재미로 만들고 싶은 욕심이 있었습니다. 그래서 시작한 "조토끼아케이드 프로젝트". 🐰 제목처럼 재미와 즐거움만 존재하는 아케이드 컨셉입니다. 우선 1차로 만든 서비스는 게임2개와 랜덤을 소재로한 서비스 1개 입니다. React로 개발을 할지, 그냥 javascript로 할지 고민이 많았는데, 아무리 생각해도 내가 생각하는 서비스들은 너무 단순한 것들이여서 react는 오버스펙이라는 결론을 내렸습니다. 혹여라도 추후 서비스가 커진다면, 리액트로 변경하면 되니깐요. 인단, 가볍게 시작해 보는걸로 했습니다. 1. 강건너기 게임 어렸을적 풀어봤을 그 유명한 강건너기 게임입..

기본 사용법 router에서 navigate로 이동시 state에 객체 형태로 값을 넘겨서 주고 받을 수 있다. 또한 parameter 방식과는 달리 따로 router url 뒤에 값을 설정해주지 않아도 되고, url에 넘기는 값이 노출 되지 않아서 좋았다. // 보낼때 navigate(URL, {state: {id: "user1"}}) // 받을때 import {useLocation} from "react-router"; const location = useLocation(); const id = location.state ? location.state.id : null; //

버전은 amchart5 로 진행 했다. 많이 쓰는 라이브러리인 만큼 미리 정리를 해두어서 추후에는 같은걸 검색하면서 시간낭비를 하지 않도록 하나씩 나올때마다 정리를 해두어야 겠다. 1. axis의 x, y 컬럼사이즈 조정 데이터는 4개인데, 화면사이즈가 작다보니 amchart에서 자동으로 2개만 label 을 표시하는 현상이 있었다. 그래서 x의 사이즈를 줄이거나 해주는 옵션이 있을꺼 같아서 열심히 width나 min, max 를 열심히 찾아보았는데, 정답은 render를 할때 최소 grid distance 값을 조정해주면 되었다~ 😥 x뿐만아니라 y의 값을 조정하고 싶으면 마찬가지로 y의 데이터를 만들때 같은 옵션값을 넣어주면 된다~ let xAxis = chart.xAxes.push( am5xy.Ca..