본문 바로가기

전체 글157

[장고] SSL 인증서 구매, runsslserver로 적용 - SSL 구매 백엔드(장고)를 학교 서버에 넣고 SSH를 이용해 집에서 원격으로 실행하고 있다. 프론트(리액트)를 실행해보면, SSL 인증서 오류가 발생하였고, 해결 방법으로는 SSL 인증서를 생성 / 구매하는 방법이 있다. 시간이 없어서 SecureSign에서 구매하는 방법을 택했다. 설명이 잘 되어있는 블로그를 참고하였다. [HTTPS] Route53 + Nginx + SecureSign HTTPS 설정 1\. SSL 인증서 구매접속 - https://www.sslcert.co.kr/1) 적당한 서비스 선택 > 신청2).상품 및 기간 선택3). 도메인 및 CSR 생성 또는 등록CSR이 없다면 CSR 자동생성 선택을 통해 직접 등록이 가능 하지만 필 velog.io 큰 프로젝트가 아니기에 가장 저렴.. 2022. 5. 4.
[자바스크립트/알고리즘] HackerRank - Flipping bits Success Rate: 97.64%, 난이도: Basic 문제이다. 비트 연산으로 풀 수 있지만, 더 간단한 솔루션을 찾았다. - 문제 32비트 unsigned 정수가 주어지면, 비트 1은 0으로, 비트 0은 1로 반전시키고 unsigned integer로 결과를 리턴하여라. - 예시 [입력값] 3 2147483647 1 0 [출력값] 2147483648 4294967294 4294967295 - 풀이 'use strict'; const fs = require('fs'); process.stdin.resume(); process.stdin.setEncoding('utf-8'); let inputString = ''; let currentLine = 0; process.stdin.on('data', fu.. 2022. 4. 3.
[리액트] VSCode 익스텐션 추천 - 모듈 크기 알아보기(Import Cost) 자동완성 익스텐션 글에 이어 또 다른 유용한 익스텐션을 들고 왔습니다! 리액트 VSCode 자동완성 익스텐션 추천 (Auto Import, Code snippets 등) 리액트를 공부하며 필요한 익스텐션을 정리해보았다. - Auto Import - ES6, TS, JSX, TSX Auto Import - ES6, TS, JSX, TSX - Visual Studio Marketplace Extension for Visual Studio Code - Automatically finds.. breathtaking-life.tistory.com - Import Cost import 하려는 모듈의 크기를 알아볼 수 있는 익스텐션이다. - 사용법 사용법은 아주 간단하다. 익스텐션 설치 후 다시 코드 파일로 돌아가 .. 2022. 3. 20.
[노드JS/알고리즘] 백준 - 16953번 A -> B (DFS 풀이) - 문제 16953번: A → B 첫째 줄에 A, B (1 ≤ A +v); let answer = -1; const DFS = (A, B, cnt) => { if (A === B) { answer = cnt + 1; return; } else { if (A * 2 2022. 3. 13.
[노드JS/알고리즘] 백준 - 1747번 소수&팰린드롬 [문제] 1747번: 소수&팰린드롬 어떤 수와 그 수의 숫자 순서를 뒤집은 수가 일치하는 수를 팰린드롬이라 부른다. 예를 들어 79,197과 324,423 등이 팰린드롬 수이다. 어떤 수 N (1 ≤ N ≤ 1,000,000)이 주어졌을 때, N보다 크거나 같고, www.acmicpc.net [코드] const stdin = require("fs") .readFileSync(process.platform === "linux" ? "/dev/stdin" : "input.txt") .toString() .trim(); let N = Number(stdin); const checkPrimeNum = (n) => { if (n === 1) return false; else if (n === 2) return t.. 2022. 3. 9.
[리액트] 프론트 로그인 구현- JWT 이용 일반적으로 로그인에서 사용하는 토큰은 단순한 문자열이다. 따라서 발급된 토큰에 대해 만료를 시킬 수단이 없고, 관리할 수 있는 방법이 없다는 단점이 있다. 이를 보완하기 위해 JWT(Javascript Web Token)을 사용한다!! 참고) 여기서 클라이언트단은 리액트, 서버는 장고를 이용하였다. - 로그인 절차 (JWT) 이용 JWT 절차를 간단하게 설명하자면, - JWT에는 accessToken과 refreshToken이 존재하며, 유저 인증에 사용된다. 실질적인 인증 정보는 accessToken에 있지만, 일정 시간이 지나면 만료하는 구조를 갖는다. - refreshToken, accessToken을 클라이언트에 저장해둔다. 이때, refreshToken을 이용하면 로그인은 지속적으로 유지할 수 .. 2022. 3. 4.

티스토리툴바