React & React Native

1. Kakao Developer 등록하기 kakao map 페이지에 가이드가 나와있는데 이걸 따라가도록 하겠다.(공식 문서가 짱이야...) 먼저 Kakao Developers에서 계정을 등록해야 한다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 간단 회원가입 및 로그인을 완료한다. 이후 내 애플리케이션 > 애플리케이션 추가하기 를 클릭하여 실행할 프로젝트의 간단 정보를 등록한다 앱이 추가되었다. 이렇게 추가된 앱을 클릭해서 여러 정보를 가져오고 여러 설정을 해야한다. 앱을 누른 후 우측..
React Modal은 Modal창에 대한 React 라이브러리이다. Modal은 사용자에게 긍정적인 경험을 주는 데 용이하기 때문에 Modal창에 대한 개발을 중요하게 생각하여야 한다. 내 블로그의 다른 게시글에도 있는 내용이지만, 다음 이미지를 보면 팝업창(Modal)은 사용자에게 자연스러운 흐름을 제공한다. 예를 들어, 결제 확정 확인 버튼을 눌러야 하는데 이것을 위해 완전히 새로운 페이지로 전환하는 것은 사용자에게 너무 과정이 너무 많다는 느낌을 줄 수 있다. 그래서 React에서는 Modal에 대한 라이브러리를 제공한다. 설치 npm install react-modal 사용 const [isOpen, setIsOpen] = useState(false); const onRequestClose={(..
💡 Styled component를 사용하다가, 특정 컴포넌트를 불러와서 위에 스타일을 덧씌우고자 했다. 하지만 스타일은 변하지 않았고 저번에도 같은 경험이 한 번 있었기에 원인을 생각해보았다. 문제 발생 import { styled } from "styled-components"; const Container = styled.button` background-color: white; border: none; `; const Button = ({ children, onClick }) => { return {children}; }; export default Button; 이것은 Button 컴포넌트이다. 배경과 border를 지우기 위해 만들었다. (globalstylesheet로 reset css를 하..
https://home.openweathermap.org/ MembersEnter your email address and we will send you a link to reset your password.home.openweathermap.org이 사이트를 통해 날씨 정보를 가져올 수 있음.정상적으로 진행하다가 다음과 같은 에러가 발생  자세히 보니 401 에러. 즉 권한이 없다는 것.나는 분명 api도 발급받고 이메일 컨펌까지 받았는데??다른 여러 글들을 찾아보다가 해결법을 찾음 ## 기존 코드 (공식 홈페이지에 나온 것)https://api.openweathermap.org/data/3.0/onecall?lat={lat}&lon={lon}&exclude={part}&appid={API key}  ..
ghorid
'React & React Native' 카테고리의 글 목록 (2 Page)