profile
프론트엔드 개발 공부 시작합니다~ 같이 공부해요!
post-thumbnail

COINSS: React Custom Hooks로 Scroll Event 구현하기

Scroll Event를 Custom Hook으로 빼보는 방법에 대해 공부해보도록 하겠습니다. 일반적인 Scroll Event 일반적으로 Scroll Event를 감지하기 위해서는 addEventListener('scroll')을 이용하면 됩니다. 앞에 스크롤 이벤

2021년 5월 8일
·
0개의 댓글
post-thumbnail

호텔리뷰데이터 WordCloud 완성하기

저번 포스팅에 react에서 wordcloud를 띄우는 법까지 완성했습니다. 이제 검색한 데이터를 전달해서 wordcloud안에 넣어 완성해보도록 하죠!이제 해야할건 검색한 review데이터를 d3.js가 존재하는 HotelsResult.js에 전달하는 거겠죠?? 간단

2021년 2월 12일
·
0개의 댓글
post-thumbnail

React에서 d3-cloud 라이브러리 사용하기

이번 포스팅은 d3 라이브러리를 사용하기 위해 고군분투한 경험을 적겠습니다.D3.js란 데이터를 기반으로 문서를 조작하기위한 JavaScript 라이브러리입니다. D3는 HTML, SVG 및 CSS를 사용하여 데이터를 시각화 하기에 아주 좋습니다. 데이터 시각화 프로그

2021년 2월 9일
·
0개의 댓글
post-thumbnail

Express에서 DB(MySQL)데이터 불러와 화면에 입력하기

이제 호텔 이름을 선택하면 해당하는 전체 reivew 데이터들을 MySQL테이블에서 불러와 송출하는 코드를 짜보겠습니다.일단 저번에 React와 Express를 연동했던 것 처럼 검색버튼을 누르면 해당 호텔 이름을 server에서 이름을 가져오는 지 확인부터 합니다.우

2021년 2월 3일
·
0개의 댓글

React 프로젝트 Clone하여 사용하기

컴퓨터 데스크톱을 집에 설치하고 여러 면접과 코딩테스트들을 보느라 블로그 작성을 못했습니다. ㅜㅜ 그동안 넘나 바빴..좀 여유가 생겨 다시 새로운 컴퓨터로 프로젝트를 시작하기 위해서 GitHub에서 클론 후 사용하려고 장비 세팅을 진행 하였습니다.아무래도 GitHub에

2021년 1월 29일
·
0개의 댓글
post-thumbnail

Express와 React 연동하기(Express에서 React로 데이터 보내기)

이제 서버에서 검색된 내용을 받아 해당 호텔 리뷰 데이터를 찾은 다음, 프론트로 다시 보내주는 법을 배워야합니다.이 부분은 정말 쉽기 때문에 빠르게 작성하고 넘어가겠습니다. 진도가 넘느려용 ㅜㅜ일단 DB가 설정이 되어 있지 않기때문에 그냥 데이터 보내는 법만 구현해 놓

2021년 1월 15일
·
0개의 댓글
post-thumbnail

Express와 React 연동하기(React에서 Express로 데이터 보내기)

React와 Express를 연결했으니 이제 React에서 호텔이름을 검색하면 서버로 해당 호텔이름을 보내는 기능을 구현해보도록 하겠습니다. 서버에서 프론트에서 검색한 이름을 받아 해당하는 리뷰를 프론트에 보내줘야 하니깐요!그러려면 React에서 Express로 데이터

2021년 1월 13일
·
0개의 댓글
post-thumbnail

Express와 React 연동하기(React와 Express 준비하기)

저번편 빅데이터 리뷰 분석 웹 만들기(첫 시작)에 이어서 이번포스팅에선 이제 서버를 만들어 보려고 합니다. 저는 서버 백엔드를 웹 처음 배울때, Python의 Django를 배웠기 때문에 Node.js는 처음입니다. 그래서 이해력과 숙련도가 딸려서 잘못 설명한 점이

2021년 1월 11일
·
0개의 댓글
post-thumbnail

빅데이터 리뷰 분석 웹 만들기(첫 시작)

블로그를 이전했습니다. 개발자를 위한 블로그라 그래서 처음 써보는데 확실히 가시성도 좋고, 다른 분들 글 보기도 좋고, 마크다운 언어를 사용해서 README.md를 쓰는것 같아서 좋고, 사용하기도 훨씬 편리하네요! Velog 애용하겠습니당 ㅎㅎ저의 전 블로그는 http

2021년 1월 10일
·
0개의 댓글