리액트 mbti 만들기3 [React MBTI 만들기] #03. 결과페이지 제작 / Figma 디자인 / 테스트 컨셉 변경 [React MBTI 만들기] (scss/JavaScript/git) #03. 결과페이지 제작 / Figma 디자인 / 테스트 컨셉 변경 목차.00. Intro 01. 결과페이지 완성. 02. MBTI Figma 디자인 및 컨셉변경 03. 마무리 04. 최종 코드 및 깃허브 00. Intro 이번에는, React MBTI 테스트의 결과페이지 제작을 마무리하고, 배포도 다시 진행했으며 그 후 테스트 컨셉을 변경해서 스토리를 짠 다음 이를 토대로 Figma 디자인을 진행했다. 디자인하는데 재미있어서 디자인을 몇 시간 동안 한 것 같다. React MBTI 개발이 생각보다 금방 끝날 줄 알았는데, 학업과 병행하며 내가 만들고자 하는 컨셉으로 변경하려니 꽤나 시간이 소요되는 것 같다.사용 기술 : React, .. 2024. 3. 19. [React MBTI 만들기] #02. 시작/테스트/결과 페이지 만들기 | Objects are not valid as a React child 오류 해결 | (scss/JavaScript) [React MBTI 만들기] (scss/JavaScript/git) #02. 시작/테스트/결과 페이지 만들기 Objects are not valid as a React child 오류 해결 1편에 이어서 이번에는 MBTI 시작페이지와 테스트페이지를 만들었다. 마지막 결과 페이지도 살짝 있다. 00. 사용 기술 - React / scss / JavaScript- git / github 01. 결과 사진 02. 중간 오류 (해결) 중간에 이런 오류가 발생했었다. Objects are not valid as a React child (found: object with keys {mbti, contents}). If you meant to render a collection of children, use an.. 2024. 3. 11. [React로 MBTI 테스트 만들기] #01. 리액트 프로젝트를 깃허브로 웹사이트 배포 (gh-page / git / JavaScript) [React로 MBTI 테스트 사이트 만들기] #01. 리액트 프로젝트를 깃허브로 웹사이트 배포 00. Intro 1. 목표 - 이 프로젝트는 리액트(React)를 활용하여 MBTI 테스트 사이트를 만들고, 웹페이지를 깃허브를 이용하여 배포하는 것이 목표이다. - 우선 JavaScript로 프로젝트를 제작 후 -> TypeScript로 바꾼다. - 깃허브 데스크탑은 사용하지 않고, GIT만을 사용한다. - 강좌를 참고해서 만들면서도, 자신만의 MBTI 페이지로 확장한다. 2. 현재 사용 기술 스택 > React, JavaScript, git/github 01. 리액트 프로젝트를 깃허브 레포지토리 생성 후 배포 1) 깃허브 레포지토리 만들고, React (리액트) 프로젝트 연결 1. 깃허브 레포지토리를 만.. 2024. 3. 7. 이전 1 다음
