MinimiProject/커피 월드컵3 [커피 월드컵] React에서 사용한 기술 정리 미니미 프로젝트, 커피 월드텁 시리즈 제3탄.. 1탄: [커피 월드컵] Netlify React 배포2탄: [커피 월드컵] React 카카오톡 공유하기3탄: 현재 글! React를 한땀 한땀, 살펴볼 예정은 아니지만 어떤 기술을 활용했는지 간단히 정리해두면 좋을 것 같아서 VS Code를 실행해서 복기해 보고자 합니다. 저는 React가 완전 처음은 아니고, 기존에 팀 프로젝트에서 프론트 기술로 사용해본 경험이 있습니다.그래서 React를 하나도 몰라도 만들 수 있군! 보다는 React를 조금 알아도 만들 수 있군! 정도로 생각해 주시면 좋을 것 같습니다! 찐 시작! 1. React Hooks쓰지 않을 수 없는 React Hooks...그 중에 저는 useState, useEffect, useMemo를.. 2025. 1. 1. [커피 월드컵] React 카카오톡 공유하기 안녕하세요. 옆의 귀여운 루피와 공유하기는 제 미니미 프로젝트의 핵심 카카오톡 공유하기 화면입니다.처음에 계획했던 건 커피 월드컵 사이트를 공유하는 것이었는데, 최종에서는 결과를 공유하는 것으로 변경되었습니다. 왜냐면, 이 프로젝트의 핵심은 월드컵이 아니라 월드컵 결과로 친구들에게 기프티콘을 노나주는 것이기 때문이죠. 덕분에 리액트에서 라우터를 추가해서 페이지도 만들고 해봤습니다. 그래서 이번에는 해놓으면 간단하지만 하기 전에는 조금 어려워보이는 카카오톡 공유하기를 간단히 정리해보고자 합니다. 사용방법이 엄청 어렵다!는 아니지만, 우편번호 API보다는 난이도가 있습니다! 1. Kakao Developerhttps://developers.kakao.com/ Kakao Developers카카오 API를 .. 2024. 12. 26. [커피 월드컵] Netlify React 배포 다들 연말 잘 보내고 계신가요? 올해 제 목표 중 하나는 직접 만든 사이트를 친구에게 재밌게 보여주기였습니다.마침 연말이기도 하고, 고마운 마음을 기프티콘을 통해 보내기도 하는데, 마침 저에게는 웹 사이트를 만들 능력이 조금 있었습니다. 그래서 만들어 본 커피 이상형 월드컵.. 리액트를 메인으로 공부하지 않기 때문에, 여기서는 리액트 코드보다는 새로운 시도를 했던 기술들을 간략히 적어보고자 합니다. 그 첫번째는 바로, Netlify 입니다. 친구들 중에 개발을 하지 않는 친구가 더 많기 때문에 내 깃헙으로 들어와서 코드를 클론하고 npm start로 실행해줘라는 부탁은 쉽지 않습니다. 그래서 도메인을 연결해 누구나 접근 가능한 사이트를 하나 갖고 있어야합니다. 이 때, 필요한 것이 바로 Netlify.. 2024. 12. 24. 이전 1 다음
