React 에서 MySQL 데이터 편집하기
React 에서 MySQL 데이터 편집하기 일전에는 React 에서 내 로컬 MySQL 로 데이터를 전송하는 동작까지 구현을 했습니다. 아래 버튼을 통해 데이터 전송 동작까지 구현된 포스팅을 확인 가능합니다. 이번에는 데이터를 조회하고, 해당 데이터를 편집하는 방법을 구현하겠습니다. MySQL 로 데이터 전송하는 동작 프론트엔드 우선 프론트엔드 코드를 생성합시다. 저는 EditTest.js 라는 이름으로 새롭게 코드를 생성했습니다. 이전 포스팅에서 제작했던 […]
로컬 MySQL 과 React 연결하기
내 로컬 MySQL 에 React 로 연결하기 로컬에서 React 프로젝트를 생성 이후, DB 에서 정보를 가져오거나 DB에 정보를 전송하는 로직을 구현해보고 싶습니다. 실제로 가동이 되는 웹 서버가 아니라 내 로컬에서만 어떻게 작동하는지 확인을 하고 싶은 것이기에, 내가 원하는 테이블 세팅을 마친 MySQL 에 접근하여 정보를 전송하거나 가져오는 연습을 해보겠습니다. 우선 전송하는 코드부터 구성해보겠습니다. 혹시 MySQL […]
React 슬라이드 페이지 만들기
React 슬라이드 페이지 만들기 여러 사이트에서 요금제 같은 것을 설명하기 위한 페이지를 보면, 해당 페이지 내, 상단에 메뉴 바가 존재하고 해당 메뉴 바를 클릭하면 그것에 알맞는 페이지로 변경이 되는 효과를 줍니다. 이러한 효과를 React 내에서 어떻게 구현하면 좋을지 한 번 도전해봤습니다. 코드는 이렇게… 왼쪽과 같은 코드를 통해 화면을 구성했을 때, 위와 같은 페이지가 나타나도록 설정했습니다. […]
AWS RDS 연결하기
EC2 와 RDS 연결하기 이전 글 바로가기 이 글은 위 글에서부터 이어집니다. 생성한 RDS 를 어떻게 세팅하면 EC2 에서 해당 RDS 를 데이터베이스로 이용이 가능할까요. 최종적으로는 MySQL 로 구성된 DB를 웹상에서 PhpMyAdmin 으로 접근하는 것이 목표입니다. 차근차근 진행하겠습니다. 만들어진 RDS 설정 이전에 저는 RDS 인스턴스를 생성했습니다. 프리 티어로 생성했고, 엔진은 MySQL을 선택했죠. 위 화면은 RDS […]
AWS EC2 청구금액이 너무 많다면
AWS EC2 청구금액이 너무 많이 나왔다면… 아주 가볍게 사이트를 운영하면서 어떤 식으로 사이트를 구성할지 계획을 짜던 오늘.. 갑자기 영수증이 청구가 됐습니다! 저는 분명 아주~ Basic 하게 EC2 인스턴스를 구축하고, RDS 를 사용하고 있습니다만.. 사람들 이용하지도 않는 사이트에 갑자기 20만원 정도 금액이 청구가 되다니..! 이건 뭔가 잘못된 것 같습니다. 꼭 원인을 파악하고, 수정해야 합니다! 진행하겠습니다. 청구금액의 […]
DB에 접근하는 방법
DB에 접근하는 동작 구현 실제 프론트 엔드에서 어떤 버튼을 눌렀을 때, 백엔드를 통해 내 DB에 접근하고 정보를 가져오고 싶습니다. 이를 위해서 어떤 방법을 사용하면 되는지 직접 구현하는 것이 목적입니다. 예시를 위해서 현재 사용자가 어떤 Form 을 사용하고 어떤 Version 을 사용하고 있을 때 특정한 데이터를 해당 정보에 맞춰 전송하기 위함입니다. 프론트엔드 mainForm(Form 의 ID), mainVersion(Form […]
URL따라 구성요소가 달라지게 하기
URL 에 값을 넣고 사용해보자 URL 에 특정한 값을 넣고, 그 값을 이용해서 페이지가 달라지게 하고 싶습니다. 예를들어 사용자에 따라 어떤 Form 을 보여줄지, 해당 Form의 어떤 Version을 보여줄지… 이 부분을 직접 url 에 넣어서 활용하는 거죠. example.com/examle?formId=123734&mainVersion=168431 과 같이 url 에 해당 정보를 기입하고 프론트 엔드에서는 이 url 의 정보를 받아 변형되도록 해보겠습니다. 어떻게 […]
HTTPS 에러 해결
HTTPS 에러 해결하기 오른쪽처럼 발행산 사이트에 자꾸 주의 요함이 발생한다. 원인은 이 사이트는 보안 연결이 사용되지 않았단다.. 나는 EC2 에서 HTTPS 포트 설정이 안 돼서 그런 건가 싶었는데 그게 아니라, 그냥 사이트에 대한 몇 가지 인증이 필요한 거였다. 한 번 차근차근 해결해보자. 로드맵 SSL/TLS 인증서 설치: 웹 서버에 SSL/TLS 인증서가 설치되어 있어야 합니다. Let’s Encrypt와 […]
결제 기능을 넣어보자
웹페이지에 결제 기능 적용하기 본격적으로 자신의 웹사이트에서 어떤 서비스를 판매하기 위해서는 결제 기능의 삽입이 필수입니다. 이를 위해서 우선 Paypal 을 통해서 결제가 가능하도록 기능을 추가하겠습니다. 저는 React + node.js 서버로 진행하고 있습니다.
RDS 들어가서 테이블 만들기
아마존 RDS 접속하기 지난 포스팅 가기 이번에는 지난 포스팅에 이어서, RDS에 접속해서 데이터가 저장될 테이블을 생성해보겠습니다. 목적은 특정한 Form을 제작해서 데이터를 테이블로 전달하는 페이지를 만드는 것입니다. 그것을 위해 우선은 특정한 방법을 통해서 RDS 에 접근해보겠습니다. 데이터 베이스 접속 방법 RDS 인스턴스에 접속을 위해서는 다음과 같은 방법을 사용 가능합니다. MySQL 클라이언트 사용: 로컬 컴퓨터에 설치된 MySQL […]