본문 바로가기

전체 글409

[ 스파르타 / TIL ] 내일배움캠프 #46 오늘 한 것 알고리즘 문제 풀기 SaveDuck uid 에러 해결 React Native firebase 연결해보기 오늘의 배움 AsyncStorage Async Storage를 이용해서 새로고침해도 모든 상태가 유지되도록 해주었다. https://react-native-async-storage.github.io/async-storage/docs/install/ async로 정의된 함수 안에서만 사용이 가능하다. npm install @react-native-async-storage/async-storage import를 해준다. import AsyncStorage from '@react-native-async-storage/async-storage'; uid 에러 아래의 코드에서 처럼 로그인 후 imp.. 2023. 1. 2.
[ 스파르타 / Web ] 웹개발 종합반 4주차_#1 과제 mongoDB를 사용해서 펜명록 만들기 입력받은 데이터 DB에 저장 - html 파일 nickname과 comment에 입력되는 데이터를 가져왔다. function save_comment() { let nickname = $('#name').val(); let comment = $('#comment').val(); $.ajax({ type: 'POST', url: '/homework', data: {'nickname_give': nickname,'comment_give':comment}, success: function (response) { alert(response['msg']) window.location.reload() } }) } 입력받은 데이터 DB에 저장 - py 파일 DB와 연결시켜주.. 2023. 1. 2.
[ WIL ] 내일배움캠프 9주차 Facts Firebase연결 시 버전에 따라 사용 방법이 조금 달라진다. Feelings 리액트 리덕스를 firebase에 연결했을 때 상태 관리하는 방법이 어려웠다. Findings 아래와 같이 addItem을 구현해 주었다. const addItem = async (newShoppingItem) => { const docRef = await addDoc(collection(db, dateToString), { date: dateToString, item: '고기', isChecked: false, price: 3000, }); setItemList([ ...itemList, { date: dateToString, item: '고기', isChecked: false, price: 3000, }, ]).. 2023. 1. 2.
[ 스파르타 / Web ] 웹개발 종합반 3주차_#4 주제 파이썬으로 DB에 접속하기 mongoDB 링크 Cloud: MongoDB Cloud account.mongodb.com mondDB에서 Organization 만들어주기 mongoDB는 mongoDB Atlas 컴퓨터를 우리에게 빌려주는 방식으로 하나 배정받고 그 컴퓨터에 접속할 수 있는 아이디 패스워드를 만들어준다. 1. Organization을 새로 만들어준다. 2. Organization 이름을 입력한뒤 Next를 클릭한다. 3. Create Organization을 누른다. mondDB에서 Project 만들어주기 1. New project를 클릭한다. 2. 원하는 이름을 적고 Next를 누른뒤, 한 번 더 create project를 눌러주면 프로젝트가 생성된다. 3.Build a Data.. 2022. 12. 31.
[ 스파르타 / Web ] 웹개발 종합반 3주차_#3 웹 사이트 크롤링 심화버전 네이버영화 사이트의 현재 영화 순위를 아래와 같이 출력하기 크롤링할 웹 사이트 링크 랭킹 : 네이버 영화 영화, 영화인, 예매, 박스오피스 랭킹 정보 제공 movie.naver.com 크롤릴해올 사이트 이미지 풀이 선생님과함께 영화 제목을 뽑아보고 스스로 영화 순위와 평점을 뽑아 보았다. 태크안에 alt를 어떻게 뽑아올지 막막했지만 앞에 배운 내용들로 적용을 해보니 바로 원하는 데이터들이 출력되서 뿌듯했다. import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) .. 2022. 12. 31.
[ 스파르타 / Web ] 웹개발 종합반 3주차_#2 주제 requests와 beautifulsoup를 활용해서 네이버 영화 페이지에 있는 영화 제목들 크롤링해오기 크롤링할 웹사이트 링크 랭킹 : 네이버 영화 영화, 영화인, 예매, 박스오피스 랭킹 정보 제공 movie.naver.com 크롤링 크롤링을 하기 위해서는 2가지를 해야 한다. 1. requests로 링크에 요청을 해서 html을 가져와야 한다. requests는 일종의 Ajax 역학을 한다. 일단 requests를 사용하기 위해서는 설치를 해주어야 한다. 2. beautifulsoup을 사용하여 가져온 데이터 안에서 영화 제목들을 가져온다. 제목을 쉽게 찾게 해주는 라이브러리 requests 설치 1. Pycharm을 눌러 설정을 들어간다. 2. 프로젝트에 Python 인터프리터를 누른다. 3... 2022. 12. 31.
[ 스파르타 / TIL ] 내일배움캠프 #45 2022. 12. 30.
[ 스파르타 / TIL ] 내일배움캠프 #44 오늘 한 것 알고리즘 문제 풀기 SaveDuck - 달력 가격 입력값 수정 React Native - UI 구현 및 Todo list 아이템 추가 구현 회고 아래 이미지에서 연필(수정)을 누르면 입려한 가격을 수정 할 수 있다. 지금은 가격에 , (쉼표)가 출력 되지만 원래 출력이 되지않았다. 생각보다 여기 파트가 까다로웠던게 comma가 들어가면 string이 되기때문에 무엇을 하던지 string에서 comma를 없애주고 number로 총 합계에 계산을 해주는등 다시 comma를 넣어주어 출력해줘야했다. 모든 구현이 끝나고 setUpdateItemPrice(editPrice)를 넣어줬지만 12,323 숫자가 그래도 12323으로 있었다. 나는 set에 문제가 있는줄알고 그 부분만 보다가 깨달았다... .. 2022. 12. 29.
[ 스파르타 / TIL ] 내일배움캠프 #43 오늘 한 것 알고리즘 문제 풀기 React Native 시작 Expo go 설치 npm을 이용한 Expo 설치 1. 아래의 링크로 회원 가입하기. https://expo.dev/ Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.dev 2. 새로운 프로젝트 만들기 3. 프로젝트 이름 입력하기 4. 명령어 순서대로 설치하기 expo-cli는 쉽게 react native를 개발할 수 있도록 도움을 준다. 아래의 명령어를 설치를 하던 중 npm install --global eas-cli 다음과 같은 에러가 났다. npm ER.. 2022. 12. 29.
728x90

티스토리툴바