프론트엔드 개발자 프론트엔드 개발자

https://www.data.go.kr/ https://www.postman.com/downloads/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 미세먼지 관련 api 활용 신청 후 포스트맨에서 데이터 제대로 나오는지 확인 1. 공공 데이터에서 다운 받은 요청 메시지 명세 key대로 포스트맨에 작성 2. 내가 확인 하고 싶은 상세기능정보의 Call Back URL 포스트맨에 작성 포스트맨에 데이터 출력 확인 const URL = 'http://apis.data.go.kr/B552584/ArpltnStatsSvc..

구글클라우드에서 새 프로젝트 만들기 사용자 인증 정보 선택했는데 OAuth 동의 화면 뜨면 먼저 작성 마지막은 수파베이스에 있는 Callback URL (for OAuth) 링크 적용 만든 후에 나오는 정보 값은 수파베이스에 적용 구글 https://console.cloud.google.com/welcome?project=atomic-voice-395500

https://supabase.com/docs/guides/auth/social-login/auth-kakao 카카오 로그인 개발 화면 https://developers.kakao.com/ 1. 카카오 개발 화면 - 시작하기 클릭 2. 애플리케이션 추가하기 3. 정보 대로 작성 후 저장 4. 카카오 로그인 순서대로 활성화 Redirect URI는 파이어베이스에서 가져온다 수파베이스에서 url을 Redirect URI에 적 만든 정보에서 보안 코드, REST API 수파베이스에 적용

리액트/타입스크립트 설치npm create vite@latest리액트/타입스크립트 선택테일윈드 설치npm install -D tailwindcss postcss autoprefixernpx tailwindcss init -p (설치하면 tailwind.config.js와 postcss.config.js 설치됨)postcss.config.js 에는export default { plugins: { tailwindcss: {}, autoprefixer: {}, },}tailwind.config.js 에는module.exports = { content: ["./src/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [],};styl..

이름 : 멈멈(가제) 설명 : 강아지 일기 모바일 웹 전체적인 계획 3월 13일 시작 3월 16일까지 디자인 완성 하기 3월 17일 디자인 추가 할거 추가 하고 뺄거 빼기 (디자인 완성) 3월 18일 부터 개발 구현 시작 (리액트, 타스, 수파베이스(새로운 데이터베이스)) 4월 13일까지 다 구현 해야함 4월 14일 수파베이스 연동 4월 27일 까지 구현 완료 가 목표인데 열심히 해본다

이미지를 클릭시 해당 위치로 이동 이미지에 스타일 적용 .gif-img {position: relative; margin-bottom:32px;} .gif-click{position: absolute; width: 100%; height: 20%; bottom: 0;} js 1번 const gifImg = document.querySelector(".gif-click"); const gifDocument = document.querySelector(".gif-img-content"); const gifDoc = gifDocument.offsetTop - 48; gifImg.onclick = function(){ window.scroll({top:gifDoc, behavior:'smooth}); } off..