프로그래밍 일지

퍼블리싱 사실 퍼블리싱은.. 지루해서 적을게 없긴 하다 디자인 자체를 못하기도 하고.. arknights tool box쪽 디자인과 인게임 디자인을 참조해서 만들었다. 색감도 인게임 디자인과 명일방주 공식사이트를 참조하였다. 인게임 형태의 카드모양을 퍼블하는쪽이 조금 힘들었다. 상단 이미지는 랜덤한 몇개의 이미지에서 변경 되도록 처리 해 두었다. Layout / Component / styles 처리 루트 아래에 components, layout 을 따로 두어 처리 했다. 각 컴포넌트/ 페이지별로 사용하는 스타일은 module로 처리 했다. import pageLayoutCss from "@/styles/layout/page.module.scss" export default function PageLay..

서론 일단, Next.js로 클라이언트를 개발해 보기로 마음 먹긴 했는데.. 나는 사실 React도, Next.js도 사용해 본적이 없다.. ㅎㅎ.. Vue.js를 사용해 본 적이 있어서 대충 개념을 하루정도 익힌 뒤, 일단 세팅.. 퍼블리싱은 SCSS를 사용하기로 했다. Next.js에 SCSS 세팅 일단 프로젝트를 만들자. npx create-next-app 얼추 세팅을 진행하고 npm i sass sass 모듈을 추가해 주었다. 이후 해당 부분 세팅이 제대로 진행 되었는지, 기존에 있는 global.css, Home.module.css를 global.scss, Home.module.scss로 이름 변경 하였다. 또, 전역 스타일링을 위해서 _mixins.scss, _variable.scss를 추가 ..

Laravel + MongoDB 세팅 먼저 JSON 데이터로 되어있는 게임 데이터를 최적화 하여 사용 할 수 있도록 MongoDB를 세팅을 진행 하였다. https://github.com/jenssegers/laravel-mongodb GitHub - jenssegers/laravel-mongodb: A MongoDB based Eloquent model and Query builder for Laravel (Moloquent) A MongoDB based Eloquent model and Query builder for Laravel (Moloquent) - GitHub - jenssegers/laravel-mongodb: A MongoDB based Eloquent model and Query bui..

서론 퇴사 후 잔여 시간동안 개인적인 개발 역량도 늘리고 포트폴리오도 늘릴 겸, 개인프로젝트를 진행 해 보려고 했다. 주제 정하기가 조금 어려웠는데, 개인 프로젝트로 많은 양의 데이터도 처리해 보고 싶기도 하고 새로운 DB, 프론트엔드 언어도 사용해 보고 싶었다. 처음에는 롤토체스와 관련된 프로젝트를 진행하고 싶어서 여러가지 데이터를 찾아보기도 하고 분석하여서 어느정도 정리 하였는데 롤토체스라는 게임의 특성상 데이터가 너무 자주 변경되기 때문에 개인 프로젝트로 진행하기엔느 부적합 하다는 생각이 들었다. 어느정도 하다 보니까 곧 시즌마감이라서 데이터가 확 바뀌고 주기적인 패치 때문에 혼자서는 개발 속도가 따라가지 못하는 문제가 있어서 비슷한 내용으로 개발을 진행하려다 보니 핸드폰 게임이 눈에 들어왔다. 내..