개발과정

1. 먼저 원하는 폰트를 다운받는다. 저는 눈누 (noonnu.cc) 여기서 다운받았습니다! 압축을 푼뒤 원하는 폴더안에 넣는다. 저는 components/styles/font 안에 넣었습니다. 2. index.css에 글씨체 설정을 넣는다. url은 자신이 글씨체를 넣은 폴더 적어주면 됩니당 3. 해당 css에 설정해준다. 적용해주고자 하는곳에 font-family 속성을 추가하여 줍니다! 4. 완성! 그럼 이렇게 귀여운 글씨체가 적용됩니다!!

카카오 로그인 API사용시 이메일 동의항목 설정하는 방법이 바꼈다고 합니다! 비즈니스앱으로 전환하지 않으면 닉네임만 사용할수있게 되어있더라구요 이메일 사용방법을 알려드리고자합니다. Kakao Developers Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 개발자 사이트에 들어가서 nav바의 내애플리케이션 만들기 들어가셔서 애플리케이션을 추가해줍니다. 저는 그냥 test로 만들었습니다. 초기에 동의항목 보시면 닉네임과 프로필 사진만 사용 할 수 있게 되어있습니다. 이때 '개인정보 동의항목 심사 신청' 에 들어가줍니다. 비즈 앱 전환 눌러주시고 ..

import React, { useEffect, useState } from "react"; import { Button } from //전화연결해주는 컴포넌트 const CallButton = ({ phoneNumber }) => { const handleCall = () => { window.location.href = `tel:${phoneNumber}`; //사용자 기기의 전화어플로 연결된다 }; return ( 전화 걸기 ); }; const App = () => { return ( //전화하기 버튼 컴포넌트 ) } export default PetDetail;

1. cmd창에서 위의 패키지를 설치해줍니다. npm install react-daum-postcode 2. react-daum-postcode를 임포트해줍니다. import DaumPostcode from 'react-daum-postcode'; 3. 코드입력 //==============우편번호찾기======================= // useState const [openPostcode, setOpenPostcode] = useState(false); // handler const handle = { // 버튼 클릭 이벤트 clickButton: () => { setOpenPostcode((current) => !current); }, // 주소 선택 이벤트 selectAddress: (da..

프론트는 React로, 백앤드는 STS로 진행하다보니 포트 번호가 틀려 cors에러가 발생했다. security를 넣기 전엔 잘됐는데,,, sts에 추가할것 #cors spring.cors.allowed-origins=* spring.cors.allowed-methods=* spring.cors.allowed-headers=* package com.wproject.pet.config; import org.springframework.web.filter.CorsFilter; import org.springframework.boot.web.servlet.FilterRegistrationBean; import org.springframework.context.annotation.Bean; import org...

재료 용량 + 테이블 폼 만든후 스크립트 부분에 추가

앱 첫 실행시 보여지는 화면(splash)만들기 -띄우고자 하는 화면 만들기(res-layout) [R.layout.activity_splash] -화면 띄우기 [SplashActivity] public class SplashActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (getSupportActionBar() != null) { getSupportActionBar().hide(); //액션바 숨기기 } getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULL..

안녕하세요 첫 포스팅은 안드로이드 스튜디오 설치에 대해 알아보려고 합니다! https://developer.android.com/studio Download Android Studio & App Tools - Android Developers Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today. developer.android.com 우선 위의 링크로 들어가서 초록색 다운로드 버튼을 누르는데요 그럼 동의서가 나오는데 맨 밑에 약관 동의 후 다운로드 해주시면 됩니다! 다운로드 후 그냥 다 next해주시고..