React 5

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

Netlify로 Github Repository Web 배포하기

개발자로서 개발을 하는 주된 이유 중 하나는 내가 개발한 서비스들이 다른 사람들에게 사용되는 것인데요. 그러기 위해선 다른 사람들이 사용 할 수있게 배포!를 해주어야합니다! 아주 배포가 커야하죠...하하하 웹개발을 시작한지 얼마 안된 저는 쉽게 배포하는 방법을 찾아보다가 Netlify라고 하는 대신 배포해주는 사이트를 찾게 되었습니다. 심지어 github에 올라가있는 repository를 알아서 배포까지 해주는! 그리고 수정 된 코드를 github에 push 해주면 실시간으로 배포된 사이트도 업데이트 해주는! 아주 지리는(?) 사이트입니다. Netlify 로 배포하는 방법에 대해서 알아보겠습니다. 가장 먼저 https://www.netlify.com/ 에 sign up을 해줍니다. 다음 Team over..

REACT 2021.10.21

React Small Project, 견상테스트

얼마전 React 입문 과정으로 레트로 감성 Retro-Nwitter를 만들고 나서 또 다른 사이트 프로젝트 뭘 할 수 있을까 고민하다가, 예전에 유튜버 조코딩님의 유튜브 영상 중 구글 Teachable Machine을 사용해서 동물상 테스트를 만드는 것이 기억이 났다. 그래서 나도 Teachable Machine을 사용해서 "나는 어떤 개를 닮았을까?"가 갑자기 떠올라 견(犬)상 테스트를 만들어보기로 했다. 항상 취약했던 디자인은 어떻게 할까 고민을 하다가 Retro-Nwitter에서 썼던 동일한 글꼴, 둥근모꼴을 사용하는 것이 편하겠다는 생각이 들었고, 어차피 디자인을 이쁘게 못할꺼라면 최대한 심플하고 단순하게 해야겠다는 생각이 들어 그냥 흰 바탕에 글꼴을 강조하는 느낌으로 하기로 했다. 대표 이미지..

REACT 2021.10.08

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

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

REACT 2021.09.30