전체 글

react-native-vector-icons 설치하는 방법 및 사용방법

리엑트 네이티브 프로젝트를 하다 보면 아이콘이 필요한 시기가 찾아옵니다. 웹 쪽에는 react-icons가 있지만 react native에는 react-native-vector-icons가 있습니다. 설치 방법이 아주 간단할 줄 알았지만 그냥 설치만 해서는 안 되는 걸 알았습니다. 원래는 react-native에 자동으로 linking을 하게 하면 라이브러리를 복사해서 저장하게 되는데 필요한 아이콘 모음만 가져가기 위해서 이런 셋업이 필요합니다. 모든 react-native-vector-icons 보는 방법 보는 방법은 간단 합니다. 아래 웹사이트에 가셔서 브라우징을 하시면 됩니다. 처음 보는 아이콘들도 있는데 아래와 같이 14종류에 아이콘 모음이 있습니다. AntDesign by AntFinance (..

Next js로 API 만들어 사용하기(API routes)

Next js를 오랜만에 사용하려고 보니 이제 nextjs에서 바로 express로 추가해서 api 서버를 만드는 게 가능하다는 것을 알았습니다. 예전 같으면 express 서버를 따로 배포해서 사용했어야 됐지만 이제는 간단히 nextjs에 추가해서 vercel로 배포하면 되더라고요. 오늘 해볼 것은 nextjs api routes를 사용해서 sqlite 데이터 베이스에서 가저온 데이터를 response로 보내는 것을 해볼까 합니다. Nextjs API routes는 무엇인가? Nextjs는 API를 바로 추가 할 수 있는 기능을 API routes라고 부르고 있다. 이 기능은 pages/api 디렉토리 안에 만들어진 파일들이 rest api path가 된다 넥스트 js를 시작할 때 가장 먼저 해야 하는..

개인 프로젝트 타이머를 만들면서 배운 점 및 해결한 문제들

아주 오랫동안 개인 프로젝트는 여러 가지 시작은 했지만 정말 웹사이트를 론칭하고 유지 보수했던 것은 한 개도 없는 것 같습니다. 그래서 개인 프로젝트 겸 용돈을 벌 생각으로 만들 것을 찾던 중 뭔가 타이머를 만드는 게 그렇게 어렵지도 않을 것 같고 한국어로 잘 번역되어 있는 곳도 보이지 않았기 때문에 만들면 쉽게 랭킹 될 수 있을 것 같았다. 이 모든 것이 그릇된 생각임을 깨닫는 것은 도메인을 사고 웹사이트를 publish 한 다음에 알게 되었다. 즉, 미리 사전 조사를 더 하지 않았던 것이 문제였습니다. 먼저 프로젝트 기반은 React로 하고 nextjs + tailwind를 써서 시작을 했다. 나중에는 nextjs 퍼블리시 하기 가장 편한 vercel을 일단 사용하기로 했습니다. 외국에서 kr로 끝나..

한 컴퓨터에서 github ssh로 여러 계정 사용하기

예전에는 회사 끝나고는 그냥 개인 윈도 랩탑을 사용했는데 요즘은 맥이 편해서 저 윈도우는 쓰기가 힘들더라고요. 그래서 요즘은 회사 맥으로 일 끝나고도 공부나 유튜브를 보고 있었습니다. 그러던 중 개인 프로젝트를 해보려고 개인 깃 어카운트를 통해서 리포를 새로 시작하려는데 계속 Permission 문제가 생겨서 찾아보고 성공적으로 git push --set-upstream origin master 를 성공해서 글로 남겨두려고 합니다. github ssh키 새로 만들기 먼저 원래 사용하는 ssh는 그냥 내버려 두고 새로 필요한 ssh key를 만들어 보겠습니다. 아래와 같이 새로운 ssh를 만들어 줍니다. ssh-keygen -t ed25519 -C "your_email@example.com" 그럼 아래처..