Develop50 공공데이터 API JSP에 적용하기, 조회+DB 저장하기 (3) 공공데이터 API를 사용해서 화면에 출력하는거 까지는 잘 해결했다. 이제 다음 목표는 이걸 DB에 저장해서 필요한 곳에 잘 출력하게 하고 싶었다. 이번 프로젝트 주제가 공공데이터를 활용한 여행지 추천 ~ 인데, 난 '공공데이터를 활용' 에 대한 부분에서 고민이 많았다.공공데이터 활용이 어디까지가 활용인걸까? 잘 정리가 되지 않았다.나는 공공데이터 활용 = 기술적으로(?) API를 사용해서 화면에 출력 이라고 생각했다.DB에 저장해서 그걸 화면에 출력하는게 공공데이터 활용인가? 공공데이터 파일을 받아서 DB에 저장한다음 출력하는게 그냥 문자 그대로 공공데이터를 활용(저장)해서 쓴다는 느낌이였다. 이게 활용인가..?헷갈리는건? 물어보자!쌤한테 쪼르르 가서 물어봤는데 공공데이터 활용은 API 활용도 있지만 .. 2024. 9. 28. 공공데이터 API JSP에 적용하기 (2) 1편 마무리 긁어오기! 앞으로 해야할 거 → 이미지에 대한 정보는 없으니, images 폴더에 각 title에 해당하는 이미지 만들어두고 매칭시키기그 이미지를 배너에 슬라이드 형식으로 나오게 하고이미지 클릭시 → 이미지의 title에 연결된 페이지에 해당하는 축제 페이지 만들고 안에 구성을 필요한 공공데이터 api 값들을 받아와서 구성하기!가 목표였는데 현재 진행상황은 공공데이터 각 title에 해당하는 이미지 찾아서 매칭시키기 → 완료미리 받은 title들의 축제들을 검색해서 축제 사진들을 저장해놨다! 배너에 슬라이드 형식으로 나오게 하기 → 완료슬라이드는 https://swiperjs.com/demos Swiper DemosSwiper is the most modern free mobile touc.. 2024. 9. 23. 공공데이터 API JSP에 적용하기 스타트! (1) 2차 프로젝트 주제 = 공공데이터 API를 이용해서 여행지 추천 + 커뮤니티 사이트 만들기 주제를 보자마자 공공데이터 API에 관한 호기심이 막 생겨나고 어떻게 쓸 지 머릿속에서 막 돌아가기 시작했다! 그래서 적어보는 공공데이터 API 정복기! (공부용)아이디어 1.배너에 이미지 슬라이드 형식으로 해서 이미지들이 슬라이드로 지나가는데이때 이 이미지들은 전국 축제에 관한 공공데이터를 불러와서 나오게 하고 싶었다! 근데 공공데이터중에 친절하게 이미지까지 주는곳은 찾을 수 없었고 그렇다면내가 그 축제에 맞게 이미지들을 만들어서 매칭해서 나타나게 하면 되지 않을까? 라는 생각으로 진행했다. 일단 먼저 공공데이터부터 찾아봤다!https://www.culture.go.kr/data/openapi/openapiVie.. 2024. 9. 14. RN의 앱 로그인 과정 + DB연동 (3) 엑세스 토큰과 리프레쉬 토큰으로 구성앱 실행 → 리프레쉬 토큰 API 호출, 성공/실패로 결과값 받기 실패시 → 신규 유저 or 만료된 유저(토큰 만료) → 저장된 토큰 지우고 재 로그인 → 홈으로 이동 성공시 → 홈 화면 npm i react-native-encrypted-storage encryptStorage.js를 만들어주는데 사용법 자체는 웹의 로컬 스토리지와 거의 똑같은데,대신 async await 문법을 사용해 주어야 한다! 그리고 다시 npm start 후 android studio도 껐다 키자! ( 그냥 설치하고 start 했더니 오류 발생.. 다시 껐다 키니까 오류 사라짐! ) 다음으로는 postgresql, pgadmin 설치! 환경설정이 가장 어렵다.. postgresql 설치하면 .. 2024. 9. 10. 하면 할수록 어렵지만 쉬운(?) RN.. (2) 오류가 일단 엄청 많이 난다.. 근데 막상 npm run 하면 또 잘 된다..나 같은 삐약이는 빨간색이 보이면 일단 겁부터 먹기 때문에 그만 보고싶은데!! 엄청 많이 나온다!!(한동안 빨간색이 싫어질거 같다..ㅎ) 기능 구현이 쉽게 잘 되어있다!React로는 만들어서 color나 hover나 css로 스타일 입히고 했는데ReactNative에서는 라는 걸 지원해준다! 말고도 많은 기능들을 쉽게 사용할 수 있다는걸 공부하면서 느낀다! 그렇다면,, 시작! 버튼 컴포넌트랑 비슷하지만 버튼을 눌렀을 때를 감지해서 스타일을 쉽게 지정할 수 있다!https://reactnative.dev/docs/pressable Pressable · React NativePressable is a Core Component.. 2024. 9. 8. ReactNative 공부 시작! (1) React를 공부하던 중 앱 만들때 쓰는 ReactNative에 관심이 생겼다.리액트나 RN이나 같은 리액트 기반이기도 하고, 리액트를 쪼끔 건드려봤으니 RN도 할 수 있겠다(?) 라는 생각으로 시작! 프로젝트 만들기npx react-native@latest init 프로젝트명 리액트에서 쓰던 가 RN에서는 같은 느낌텍스트도 텍스트로 감싸줘야 한다.스타일 지정할때는 기본적으로 Camel case를 사용 버튼 속성 + 클릭 이벤트 예시.console.log('클릭!')}/> RN에서의 flex는 기본적으로 flex-direction 컬럼이 기본값 ( display : flex 생략 가능)RN에서의 navigation 설치법npm add @react-navigation/nativeCLI 사용중이므로np.. 2024. 9. 7. 이전 1 ··· 5 6 7 8 9 다음
