반응형 개발/소소한 실습14 TourAPI와 카카오맵을 이용한 관광지지도 4주프로젝트에서 사용할 기능들을 CSS없이 기능구현만 해놓은 지도이다. 로딩 클릭한 지점의 반경 10km에 있는 관광지들 지도에 표시, 지도밑에는 리스트형태로 렌더링 https://github.com/ryu9663/kakaomap-with-tourAPI/tree/master/src/components GitHub - ryu9663/kakaomap-with-tourAPI: tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을 tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을 표시하는 지도 제작 - GitHub - ryu9663/kakaomap-with-tourAPI: tourAPI와 카카오맵을 이용하여 클릭한지점 반경 10km의 관광지들을 표시하는 github.com 2021. 11. 28. Modal을 이용하여 넷플릭스 로그인 화면 만들기 아래 영상을 보고 넷플릭스 초기 로그인화면을 만들었다. https://www.youtube.com/watch?v=jbverObMzbg 모달로 로그인 창 만들다 발생한 문제 컴포넌트 상단에 다음과 같이 state를 지정한다. signIn 상태가 true일때는 이라는 로그인 창이 렌더링되고 false일땐 기본 화면이 렌더링된다. const [signIn,setSignIn] = useState(false); . . . {setSignIn(false)}}> {//signIn이 true일때는 이 렌더링되고 아니면 기본화면이 렌더링된다. signIn ? () : ( 영화, TV 프로그램을 무제한으로. 다양한 디바이스에서 시청하세요. 언제든 해지하실 수 있습니다. 시청할 준비가 되셨나요? 멤버십을 등록하거나 재시작하.. 2021. 10. 16. DOM으로 메뉴 2개짜리 카페 키오스크 만듬(8월9일) event공부하면서 전에 만들었던 forEach도 다시 보고 했다. forEach 자체는 쉬운데 forEach를 addEventListener이랑 연결시키려니까 머리가 복잡해진다. 카페 무인주문기 화면 연습했다. 코플릿에서 했던 내용들이 그대로 사용된다!! 엄청나다 코플릿은 단순연습이 아니었구나!! 우선 css만 대충했다 가격도 얼마인지 나오게하고 싶은데 어떻게 해야할지 방법이 떠오르지 않는다. 쉽게 할 수 있긴한데, 일일이 바꾸는거 말고 html에서 숫자만 바꾸면 쵸ㅑ르르르연결되서 모든게 다 바뀌게 만들려니까 잘 떠오르지 않는다. button에 value를 2개 적을수 있으면 괜찮을것같은데 그건 안되는거같다. 흠 과일스무디 1,900원 카페라떼 2,300원 버튼이 눌렸을때 label의 value를 조작.. 2021. 10. 5. 날씨 앱 2 https://github.com/ryu9663/weatherApp/tree/master 알게된거 유닉스 시간에 대한 개념 웹폰트 navigation.geolocation.getCurrentPosition(위치받는함수,에러함수)를 통해 현재위도,경도를 받을 수 있다. 이렇게 얻어낸 위도경도로 openWeatherAPI에서 사용자의 현재 위치를 불러올 수 있음 지금까지 한 모든 리액트 스프린트 복습이 되었다. 코드설명은 다음에 추가하자. 고칠것 1. 사이드바 껐다 켰다 기능 구현 2. 날씨앱의 핵심기능은 현재 있는 위치의 날씨도 알 수 있어야 하는데, 현재 사용자의 위치를 불러오는 기능이 구현되어 있지 않다. navigation.geolocation.getCurrentPosition(위치받는함수,에러함수).. 2021. 10. 4. 이전 1 2 3 4 다음 반응형
