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

Next.js getStaticProps 사용기

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

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

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

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

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

COINSS: Next.js와 TypeScript 환경 구축하기

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

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

COINSS: 프로젝트 기획 배경 및 기획단계

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

2021년 4월 24일
·
3개의 댓글
post-thumbnail

이제 갓 두달된 신입 개발자의 일기

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

2021년 4월 3일
·
25개의 댓글
post-thumbnail

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

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

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

React에서 클래스형 사용을 안한다?!

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

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개의 댓글
post-thumbnail

Express에서 DB(MySQL)데이터 가져와 Select Option 구성하기

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

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

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

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

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

csv파일을 MySQL에서 불러오기

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

2021년 1월 15일
·
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일
·
3개의 댓글
post-thumbnail

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

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

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

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

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

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