project

[패션 정보 웹] 쇼핑몰 크롤링

코랩을 사용해 쇼핑몰 상품정보 크롤링 후 엑셀 형태로 저장하기 import openpyxl from google.colab import drive drive.mount('/content/drive')# 경로 마운트 wb = openpyxl.Workbook() 엑셀 저장을 위해 openpyxl 라이브러리를 사용한다. sheet = wb.active sheet_name = ["카테고리1", "카테고리2", "카테고리3"] for i in range(len(sheet_name)): sheet.cell(row=1, column=i+1).value = sheet_name[i] wb.save('/content/drive/MyDrive/test.xlsx') sheet.cell(row=1, column=1).value..

[Gymt] (react-native) 내 정보 (feat. 터치 차단 & 리스트 중 Select)

(1) Picker 사용하기 여러 리스트 중에서 하나를 고르고 싶다. html에서는 select를 사용했는데 react-native에선 어떻게 하지? 🤔 => Picker를 사용한다! https://github.com/react-native-picker/picker npm install @react-native-picker/picker --save import { Picker } from '@react-native-picker/picker'; setSelectedCity(itemValue) }> (2) Edit 차단 edit 아이콘을 눌러야 터치가 가능하게 하고 싶다 + 터치가 막혀있을 땐 색깔이 어두웠으면 좋겠다. => View의 pointerEvents 속성을 바꾼다. const [PasswordCo..

[Gymt] (react-native) Stack 화면 전환

(아직 백엔드는 연결 X) 이 화면에서 포인트는 로그인 or 회원가입 버튼을 누르면 어플 첫화면으로 넘어가게 화면 전환하기 Stack 패키지를 설치해주자 npm install @react-navigation/stack import React from "react"; import { createStackNavigator } from "@react-navigation/stack"; // import Login.js // import Tab.js const Stack = createStackNavigator(); 위에 쌓인 화면이 먼저 나타난다. import { useNavigation } from "@react-navigation/native"; const navigation = useNavigation()..

[Gymt] (react-native) 홈화면에 기록하기 Modal

~Modal을 이용해서 기록 창 만들기~ 투두 리스트 만드는 느낌으로 만들면 되겠지 했는데 생각보다 머리를 많이 썼다 😅 코드가 길어서 간략한 흐름만 작성하겠다. (코드 다수 생략) (1) Modal **삽질한 부분 import { Modal } from 'react-native'; => 화면 전체가 덮힘 import Modal from 'react-native-modal'; => 위의 gif처럼 창이 뜬다 둘이 같은건줄 알고 왜 창이 안 뜨지 고민했다 ㅎㅎ.. Modal은 띄울 내용 바깥을 로 감싸주면 되는데 animationType 등을 지정할 수 있고 isVisible (boolean타입)으로 창을 띄울지 말지 설정할 수 있다. ➕아이콘을 누르면 true로, 취소 버튼을 누르면 false가 되도록 ..

[Gymt] (react-native) 홈화면 Slider(swiper)와 Tab

(1) Slider 슬라이더 구현을 위해 필요한건 Swiper이다. 패키지 설치를 해주자. import Swiper from "react-native-web-swiper"; //import Slide.js from ~ const nowContest = [ { url : '사이트 주소', imageTitle : '이미지 파일 이름' }, { url : '사이트 주소', imageTitle : '이미지 파일 이름' }, { url : '사이트 주소', imageTitle : '이미지 파일 이름' } } {nowContest.map(contest => ( ))} Swiper 깃헙 주소를 참고하면 되겠다. 내가 쓴 props는 dotsTouchable: => 슬라이더에 있는 점들을 클릭해서 넘어가게 할건지 pr..