Next.js의 기본중의 기본!! preRendering을 공부해보고 활용해보았습니다. PreRendering이란?? 서버불태우기! preRendering이란 SSR(Server Side Rendering)의 특징이라고 볼 수 있습니다. 자주 쓰이는 React로

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

Next.js + Typescript + Styled-components + Jest 환경 구축하기 Next.js 설치하기 Install next, react and react-dom in your project: TypeScript 연동하기 Next.js 홈페이지

새로운 개인 프로젝트를 시작하려 합니다. 프로젝트 시작 이유 기술적 이유 이번 프로젝트는 그동안의 Javascript를 이용하며 겪었던 불편함을 해소하기 위해 공부겸 서비스를 만들어 보려고 시작했습니다. 그렇다면 Javascript를 사용하면서 겪었던 불편함이 어떤 것

나의 전공은??! 분명 작년까지만 해도 생명공학과에서 남들과 같이 제약회사나 화장품회사등에 취직할 생각이었던 것 같다. 위 사진처럼 실험실에서 인턴을 한 경험도 있다. 예상치 못했던 코로나가 터지고, 자취방에 반타의적으로 갇혀서 그동안 배웠던 파이썬으로 Django

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

사실 React를 예전에 배운적이 있어서 그때 배운 내용대로 그대로 코딩하다보니 Class 선언으로 코딩하고 있었습니다. 특히 최근에 Vanilla Javascript로 코딩하면서 Class를 선언하고 안에서 데이터와 메서드를 처리하다보니 그게 익숙해져서 React에서

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

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

저번에 DB(MySQL)에 호텔 리뷰 데이터를 csv파일로 import하여 저장했습니다. 추가적으로 검색기능을 활용하기 위해 다음과 같이 호텔 이름을 모아둔 엑셀파일을 따로 만들어 다시 MySQL의 다른 table에 저장했습니다.이제 이 hotel_name이란 테이블을

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

이제 크롤링해서 형태소분석한 후 저장해둔 csv파일을 MySQL에다가 넣어줄거에요. 그래야 서버에서 찾을 수 있겠죠?일단 저는 쉘 상에서 SQL을 다루는게 익숙치 않으니 MySQL workbench를 활용하도록 하겠습니다.다운경로 : https://dev.my

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

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

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

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