profile
주니어 개발자
post-thumbnail

[Vid+] nodemailer

로그인 시 비밀번호를 분실했을 때 사용자에게 임시 비밀번호를 발송해주는 기능이 필요했다.여러가지 참조문서를 보고 node server에서 메일을 보낼 수 있는 nodemailer라는 메일 전송 모듈을 사용해 보기로 했다. 이유는 사용법이 꽤 간편했기 때문이다.(프로젝트

어제
·
0개의 댓글
post-thumbnail

[Vid+] WorkFlow

Vid+의 전체적인 구성도 이다. 동그라미는 Component(또는 화면 구성요소)이고 네모는 화면을 보여지는 Component이다.

2일 전
·
0개의 댓글
post-thumbnail

[Vid+] 기획 및 설계

Vid+는 2주기간동안 진행했던 프로젝트로 비디오를 보며 필요한 순간 노트를 작성 할 수 있도록 도와주는 Video Note Extension 웹 애플리케이션이다.

2일 전
·
0개의 댓글

[Surfers] 화면 - 회원정보 수정

회원정보를 수정하는 페이지이다.현재 이름은 "테스터 구"이다.화면 아래 TabNavigator에서 "User"버튼으로 회원정보수정화면으로 가서 이름변경 후 "회원정보수정"버튼을 누르면 유저토큰과 수정된 정보(현재는 이름)로 server에 요청을 보내 정보를 수정한다.이

3일 전
·
0개의 댓글

[Surfers] 화면 - Room & Chat

"서퍼 모집하기"에서 방을 만들었거나 "서핑 참여하기"에서 방을 선택한 경우 또는 "나의 방 목록"에서 참여한 방 중 하나를 선택하면 해당 Room페이지가 렌더된다.Room화면 렌더 시 ComponentDidMount로 유저토큰과 해당 Room의 id을 사용해 serv

3일 전
·
0개의 댓글

[Surfers] 화면 - 서핑 참여하기 & 나의 방 목록

다음은 서핑에 참여 할 수 있는 방리스트가 있는 Board 페이지(서핑참여하기)와 나의 방 목록이다."서핑 참여하기" 버튼을 누르면 나오는 Board화면이다.화면렌더 후 ComponentDidMount로 모든방에 대한 정보를 server에 요청, 응답받은 방의 정보를

3일 전
·
0개의 댓글

[Surfers] 화면 - 서퍼모집하기

서퍼를 모집하기 위한 방만들기 화면에 대한 설명이다.화면은 다음과 같이 구성되어있다. 날짜선택 > 지역선택 > 스팟선택 > 모임에 대한 내용 또는 설명 > 방만들기처음 화면이 렌더 된 후 componentDidMount에서 server로 "지역선택" 드롭다운메뉴에 표시

3일 전
·
0개의 댓글
post-thumbnail

[AWS] RDS삭제

※인스턴스 수정은 꼭 크롬 UI에서 진행해야 한다.IE에서는 삭제 방지 메뉴 보이지 않음IE만 고집 하다가 큰 낭패를 볼 수 있다.시작AWS에 들어가서 로그인 후 서비스 > 데이터베이스 > RDS선택 (아래쪽에 있음)데이터 베이스 선택삭제할 인스턴스를 체크한 뒤 >

4일 전
·
0개의 댓글
post-thumbnail

[AWS] Elastic IP(EIP)연결 및 취소

AWS에서 Elastic IP를 설정하는 방법에 대해 알아보자.우선 AWS의 EC2 인스턴의 화면이다.여기서 오른쪽 아래 쯤에 보면 IPv4 퍼블릭 IP 18.217.132.135라고 적혀있는 게 있는데 저게 public IP이다.하지만, 인스턴스의 Public I

5일 전
·
1개의 댓글
post-thumbnail

[MySQL] 외부 파일의 SQL문을 실행

오른쪽 빨간색 schema.sql 파일을 실행시키려고한다.source 명령어 : 외부 파일에서 SQL문을 실행시키는 명령어아래 사진과 같이 mysql에서 source 파일경로를 하면 외부 sql문이 있는 파일을 실행시킬 수 있다. 파일경로는 schema.sql파일에 마

6일 전
·
0개의 댓글
post-thumbnail

[Project] icon 적용

이런 나의 페이지에 icon을 적용하겠다.(골뱅이를 빼버리겠다.)이 페이지로 간다. https://react-icons.netlify.com화면에 친절하게 안내한 대로 npm install react-icons --save로 설치를 한다.package.json

2020년 2월 20일
·
0개의 댓글

[Javascript] this

한 줄 요약 javascript에서 this란 실행 context를 나타내는 것으로 global, function(===global), Object, instance, 사용자 정의(call/apply/bind)를 가리킨다.

2020년 2월 20일
·
0개의 댓글
post-thumbnail

[꿀팁] AWS 결제이의 신청

AWS에서 프리티어로 사용하다가 EC2와 RDS를 안껐는지 결제되고 4개월 뒤에 알게 되었다.결제이의 신청을 하려는데 어떻게 해야하는지 하나씩 정리해 보았다.1\. 홈페이지로 가서 로그인을 한다.오른쪽 상단의 지원버튼에서 지원센터를 클릭한다.이런화면이 뜰 꺼다.3\.

2020년 2월 20일
·
0개의 댓글
post-thumbnail

[Javascript] closure

closure는 외부함수의 자유변수에 접근할 수 있는 내부함수 또는 그 환경을 말한다.모질라 형님들의 도큐먼트에 의하면 '클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다.' 라고 나와있습니다.간단하게 정리하면 함수 밖에서 선언된 변수를 함수 내부에서 사용할 때 클

2020년 2월 19일
·
0개의 댓글

[한 줄 용어] V8

C++로 만들어진 V8(또는 크롬V8)은 웹 브라우저의 기반을 제공하는 오픈소스 자바스크립트 엔진이다.구글 브라우저와 안드로이드 브라우저에 탑재되어 있다.

2020년 2월 19일
·
0개의 댓글
post-thumbnail

[Project] Style-Home 화면 꾸미기1 (컴포넌트 변경 toggle button)

bootstrap 설치npm i bootstrap으로 설치가져오기html 파일에서 bootstrap을 참조하도록하고 meta태그에서 viewport를 정해준다메타태그 <meta>참조: https://webclub.tistory.com/305HTML의 메타

2020년 2월 18일
·
0개의 댓글
post-thumbnail

[Project] email, password 유효성 확인 & email 중복확인

현재 회원가입화면이다.그림에 있는 것과 같이 이름아래 email부분과 password부분에 그냥 문자를 넣어도 가입이 된다.이 부분을 1\. email형식 체크 2\. password의 유효성 체크 3\. 비밀번호 확인 4\. Database 내 중복이메일 체크까지

2020년 2월 13일
·
0개의 댓글

[Node.js] Crypto

crypto 설치 image.png image.png 이전 image.png 적용 image.png 코드 ![image.png](https://images.velog.io/post-images

2020년 2월 4일
·
0개의 댓글