자바스크립트
React 에서 서버 없이 인스타그램 API 연동하고 피드 가져오기
React 에서 서버 없이 인스타그램 API 연동하고 피드 가져오기
2021.08.08들어가며 제가 이글을 쓰게 된 이유는 Facebook dev가 정책이 바뀌면서 유효한 redirect url 에대해 Https 만 허용하였고 개발하는 과정에 있어서 로컬에서 굉장히 삽집을 많이 했습니다.. 더이상 삽질 하지 않기 글을 작성합니다. 페이스북 Dev 에서 앱 만들기 https://developers.facebook.com/ Facebook for Developers 비즈니스, 크리에이터 및 사용자의 Instagram 경험을 개선할 수 있는 도구를 개발하세요. developers.facebook.com 로 들어오셔서 앱 만들기를 선택합니다. 유형은 본인의 앱에 맞게 선택하시면 됩니다. 앱을 다 만드신뒤 대시보드로 들어오셔서 인스타그램을 추가해주셔야 합니다. 추가 해주셨다면 Instagram 기..
react 로 만드는 트위터 클론 코딩 - 1
react 로 만드는 트위터 클론 코딩 - 1
2021.02.19해당 프로젝트를 만들 폴더를 만들어 주신 다음 해당폴더로 이동 $ npm init -y 해당 package.json 파일을 생성합니다. 이 프로젝트에서는 next.js 를 사용할 것이고 next.js 는 9버전을 사용합니다. next.js 는 react를 사용한 프레임 워크 입니다. $ npm i next@9 "scripts": { "dev": "next" }, next를 설치하신 다음 package.json 에서 dev를 추가합니다. pages 라는 폴더를 만들고 index.js 파일을 만들어줍니다. const Home = () => { return ( Hello next ) } export default Home; index.js 파일 안의 내용을 다음과 같이 작성합니다. 보통 react에서 .jsx..