리액트 3

react-router-dom에서 Switch를 import할 수 없다고 에러가 뜰때

React로 개인 포트폴리오 사이트를 만드려고 합니다. 그런데 개발하는 도중, 계속 에러 메세지가 떠서 무슨 일이지 하고 보니, 메세지 내용이 Switch를 react-router-dom 패키지에서 import 할 수 없다 이런 내용있던 것 같습니다. 뭐지? 오타를 냈나하고 한참을 들여다봐도 오타를 찾지 못하다가 인터넷을 검색해서 발견할 수 있었습니다. 참조 링크: https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom Attempted import error: 'Switch' is not exported from 'react-router-dom' I don'..

REACT 2021.11.13

오징어게임 얼굴 테스트

저번 견상테스트에 이어서 비슷한 컨셉으로 요즘 핫한 오징어게임 얼굴 테스트를 만들어보았습니다. 견상테스트의 코드를 똑같이 복사붙여넣기하면 공부가 될거같지가 않아서 나름 처음부터 다시 코드를 작성했는데 결국 작성한 코드를 보니 견상테스트 때 작성한 코드와 거의 동일하게 되더군요... 역시 스타일은 잘 바뀌지 않나봅니다. 이름은 Squid Game Face Test로 요즘 오징어게임이 해외에서도 많이 핫해서 영어로 만들어보았습니다. 오징어게임 드라마 내 캐릭터 12명을 선발해서 python으로 작성한 web crawling 코드로 각각 50개의 사진을 가져와서 쓸만한 사진들을 선별하고 google teachable machine을 사용해서 machine learning을 시킨 데이터를 가져와 내가 찍을 사진..

REACT 2021.10.21

React 입문 프로젝트, 레트로 감성 Retro Nwitter

유니티 게임 & C# 개발만하다가 점점 반복되는 코드작성에 흥미가 떨어지는 것같은 느낌이 들어 새로운 개발을 한번 취미삼아 배워보자고 생각을 하여 웹개발에 많이 사용되는 React를 공부해보기로 했다. 예전에도 웹개발을 도전하려고 "노마드코더"로 활동하는 개발자 유튜버의 온라인 강의를 봤었던 적이 있었다. 노마드코더 강의 중에 트위터를 클론 코딩하는 무료 React 강의가 있어서 이걸로 React를 입문해보면 되겠다고 생각을 했다. 마침 노마드코더 사이트에서 트위터 클론 강의를 듣고 나만의 프로젝트를 만드는 이벤트가 진행 중이어서 이 이벤트에 참여할 겸 React로 프로젝트를 만들어보았다. 웹개발은 해보니 유니티 & C#의 개발과는 또 다른 매력이 있었다. 개인적으로 CSS가 잘 감이 잡히지 않아서 원하..

REACT 2021.09.30