리액트 포트폴리오

“신입 포트폴리오는 거의 다 똑같다.”“어디서 베꼈거나 기여도를 알 수 없는 팀프로젝트거나.”“그래서 보통 안 보는 경우가 많다.”이런 말을 많이 들었다.그래서 봐주는 포트폴리오를 만들어 보고 싶은 욕심이 생겼다.웹으로 구현한 게임을 만들자. 게임을 만들었다고 하면 궁

유데미에서 들었던 colt steele 웹개발 강의에서는 bootstrap이라는 CSS프레임워크를 썼다.bootstrap은 일종의 CSS레고 블럭이다. 미리 만들어진 CSS 컴포넌트들을 가져다 쓸 수 있다.https://getbootstrap.com/설치하고

포트폴리오를 만들던 중 날씨에 따라 다른 스크립트가 나오게 하고,날씨를 선택할 수 있도록 구현하는데,‘ 날씨 api를 이용해서 실제 현재 날씨를 api요청으로 받아와서, 그걸로 게임이 시작되면? ‘하는 생각이 들었다.게임에다 날씨 api를 쓰는게 약간 뜬금 없을 수도

이제 게임 화면을 구현하는데, 벽이 나타났다.기존 리액트에서는 상태값을 컴포넌트의 props로 일일이 전달해주어야 하는데,게임창에서는 서로 상호작용해야할 상태값들이 너무 많다.먼저 카드가 넘어갈때마다 새로운 스크립트와 선택지가 업데이트되어야 한다.그리고 선택지를 클릭하

포트폴리오에서 게임을 진행하면 선택에 따라 스탯이 변한다.그 스탯의 숫자 값을 Redux Toolkit으로 관리하도록 했다.실제 코드는 다음과 같다.statSlice.js스탯은 숫자로 기력,장비,식량,탄약 이렇게 4가지 숫자 값이다. 이를 배열에 숫자 4개가 들어 있는