All56 공공데이터 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. bye summer 무더운 여름이 갑작스레 끝나고 기다리던 가을이 시작됐다.35도에 육박하던 여름에서 20도로 뚝 떨어진 가을 날씨라니! 콘서트 잘 갔다 오라고 날씨까지 응원해주는 느낌이었다!날씨도 좋아지고 그래서 운전하는 내내 설레고, 신나고, 두근두근 했다.사실 요즘 살짝 지치고 힘든 상태였다.내가 잘 하려고 해도 그만큼 잘 안되는 상황에 힘이 빠지기도 했고 여러가지 감정소모도 많았던 시기였다.이런 상황에서 이번 아이유 H.E.R 앵콜콘은 나한테 엄청난 힘이 되어 주었다. 단 한명을 위해 5만4천명이라는 엄청나게 많은 유애나들이 주는 에너지에 나까지 힘이 솟았고,노래는 언제나 그랬듯 내 마음을 울리기 충분하다 못해 차고 넘쳤다. (동글동글한 유애나들 보면 이유 없이 행복해진다!) 라이브로 듣고 싶어했던 밤편지도 들을 .. 2024. 9. 22. 공공데이터 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 ··· 6 7 8 9 10 다음
