kasumil의 코딩 공작소

onEndReached 함수 호출 부분. onEndReachedThreshold FlatList의 뷰 위치 설정. 해당 내용을 분석하면 전체 크기에 80%에 도착하면 console을 찍게 해놨다. onEndReachedThreshold={0.8} onEndReached= {() => { console.log(80);} 요렇게 쓰면 해당 무한 스크롤링 이벤트 기초부분이 완성된다. 해당 코드에 도착하면 append 식으로 구현하면되니까. 하지만 animation으로 숨겨졌다 보여졌다하는 기능들은 해당 방식으로 구현이 불가능하다. onScroll을 통해서 유저가 올렸다 내렸다 하는 해당 부분을 감지하는 로직을 추가해야 해당 부분이 완성된다.

youtu.be/D8JnyG-Die4 최근 크롤링을 진행할 수 있게되어, 개인 사이드프로젝트가 이제 진행되고 있다.위코드 졸업한지 4개월만에!! 아무도 크롤링, 웹스크래핑에 대해서 알려주지 않았기에 고생했던 부분 ㅠㅠ파이썬의 경우 크롤링을 해봤지만, 웹스크래핑을 알려주지 않아서 그냥 전체페이지 긁어와서 해당 페이지 내용을일일히 긁어와야 했던지라 포기했으나 이제 다시 진행하게 되었다. 하지만 초짜라 그런지 자료구조를 이상하게 짜서 잘못만들어졌다. 동영상을 보면FOOTER부분보다 아래에 빈칸이 생겨 있는 것이다. json파일 자료만 봐도 잘못 만들어서 다시 만들어야한다.쓸데없는 map을 돌릴때 필요없는 FOOTER자료까지 긁어와서 해당 빈칸이 생긴 것으로 추측한다.이를 고치고, 다시금 JSON을 만들어서 진..

구글에서 노드 크롤링을 검색하면 의외로 자료가 없다. 그나마 검색되는 내용중에 'cheerio', 'cheerio-httpcli'를 사용하라고 한다. 하지만 'puppeteer'에 관련된 내용은 없더라. 어쨌든간에 노드크롤링에 대한 해당 내용을 찾아보았다. data-make.tistory.com/436 [Node.js] cheerio module 로 크롤링하기 .Install cheerio module - Install Cheerio from npm npm i cheerio .Using cheerio 달러 환율의 일별 시세를 크롤링 해보려고 한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 c.. data-make.tistory...

- 오늘 해야할 일 테슬라 클론 진행 - 오늘 수정사항 - 오늘 진행사항 백엔드에서 크롤링 작업 시도. - 오늘의 코드 실패. 위코드를 졸업하고 근 1주일만에 글을 쓰는 것 같다. 그런데, 개인적으로 공부를 하고 있는데 공부의 내용보다 클론을 진행하면서 내용을 구성하는 게 나을 것 같다고 생각하여 클론을 진행했으나 백엔드 데이터가 없어 해당 사이트를 구현하는데 있어 막혀버렸다. 그래서 그냥 내가 크롤링해서 가져오자라는 생각에 파이썬 학습 중. 파이썬의 기초는 알고 있는데, 장고와 같은 중급 기술은 잘 모르겠다. 아무튼 내가 원하는 바는 그냥 크롤링이 되느냐 여부. 인터넷 보면서 여차저차 진행해서 크롤링을 시도했으나 실패. 아마도 requests로 요청하는 것을 서버측에서 막은거 같은데, 인터넷 블로그를 ..

- 오늘 해야할 일 submit 버튼을 구현하여 해당 값을 죄다 보내고, 서버에서 보내온 파일을 다운 받을 수 있게 만들기. - 오늘 수정사항 step1 세션 스토리지 저장방식 변환. step4 세션 접근 방식으로 값을 조절. - 오늘 진행사항 파일 다운로드 기능을 제외한 모든 기능 구현. - 오늘의 코드 // 백엔드 버튼 눌렀을시에 보내주는 기능 const SubmitQuery= () =>{ const comp = sessionStorage.getItem("comp"); const startDate = sessionStorage.getItem("startDate"); const endDate = sessionStorage.getItem("endDate"); const selected = sessionS..

오늘 해야할 일 백엔드와 데이터 연결해서 해당 자료값들 붙여보기. 백엔드 측에서 데이터를 주지 않는다...(서버내 수정하느라 꺼진 듯) 세션으로 올라오는 값들을 죄다 가져오기해야하는데, 일단 붙여보고나... 오늘 수정사항 없음. 일단 버그는 다 수정해서 오늘 진행사항 재택근무로 인한 할일 없음.(이미 프론트측에서 확인할 것들은 죄다 끝나서...) 리덕스 학습함. 오늘의 코드 없음. 오늘 리덕스대한 학습을 시작하려고 한다. 기존에 리덕스를 적용한다는 글이 있었는데, 해당 글에서는 결국 적용하지 못했다. 그 이유가 리덕스를 새로 배워 적용하는데 있어 오랜 시간이 걸려 State값을 결국 세션스토리지로 올려 이 자료값들을 해당 세션에서 컨트롤하는 것으로 해결. 아무튼 시간도 많이 남는데, 그런고로 Redux를..

- 오늘의 할일. 달력 인풋창의 마우스이벤트 발생시 다른 곳을 가도 안꺼지는 오류 수정 달력 반환값을 표현방식을 변환하여 출력하기 보내기 버튼 구현시에 해당 state값을 죄다 보내주기. - 오늘한 일 달력 반환값을 표현방식을 변환하여 출력하기(회원가입, step1 페이지 진행) - 진행예정 및 진행중 달력 input창 이벤트는 input을 만들었더니 클릭했을시에 같이 호출되는 상황이라 클릭해서 호출 되는 부분을 컨트롤하려고 찾는 중. 보내기 버튼은 처음에는 부모로 state값을 보내서 컨트롤하려고 했는데, 너무 힘들기만 하고 잘 불러오지지도 않아서 그냥 sessionstorage로 보내버림. 보내기 버튼 클릭시 다운로드와 해당 자료들을 모두 보내는 작업 진행중. 나의 오늘의 코드! 왜 useEffect..

- 오늘의 과제 * 실제 data.json 받아서 연결해보기 * filternav 호출해서 연결하기 오늘의 실습. 해당 컴포넌트에서 Productlist를 호출하려고 하는데, 렌더 오류가 나왔다. import React, { Component } from "react"; import Nav from "../../Components/Nav/Nav"; import Productfilternav from "../../Components/Productfilternav"; import Mapcomponent from "./Component/Mapcomponent"; import Footer from "../../Components/Footer/Footer"; import "./Maplist.scss"; class..