티스토리

Study with EJ

검색하기

블로그 홈

Study with EJ

study-with-ej.tistory.com/m

공부하는EJ 님의 블로그입니다.

구독자: 0

방명록 방문하기

728x90

주요 글 목록

Git 브랜치란? 💡 Git 브랜치 브랜치란 독립적으로 어떤 작업을 진행하기 위한 개념이다. 개발을 하다 보면 한 페이지 안의 여러 기능을 따로 구현하기 위해, 코드를 여러 개로 복사하는 일이 자주 생기게 된다. 브랜치 기능을 활용하면, 코드를 통째로 복사한 후 원래 코드가 변경될 우려 없이 독립적으로 개발할 수 있다. 다시 말해, 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에 여러 작업을 동시에 진행할 수 있다. 브랜치기능의 장점 1. 한 소스코드에서 동시에 다양한 작업을 할 수 있게 해준다. 2. 소스코드의 한 시점과 동일한 상태를 만들고, 브랜치를 넘나들며 작업을 수행할 수 있다. 3. 각각의 브랜치에서 생긴 변화가 다른 브랜치에 영향을 주지 않고 독립적으로 코딩을 진행할 수 있다. hotfix, relea.. 공감수 0 댓글수 0 2022. 8. 4.
정수를 요소로 갖는 문자열을 입력받아 다음의 조건을 만족하는 LIS*의 길이를 리턴해야 합니다. LIS 문제 정수를 요소로 갖는 문자열을 입력받아 다음의 조건을 만족하는 LIS*의 길이를 리턴해야 합니다. LIS: 배열의 연속되지 않는 부분 배열 중 모든 요소가 엄격하게 오름차순으로 정렬된 가장 긴 부분 배열(Longest Increasing Subsequence) 배열 [1, 2, 3]의 subseqeunce는 [1], [2], [3], [1, 2], [1, 3], [2, 3], [1, 2, 3] 입니다. 엄격한 오름차순: 배열이 동일한 값을 가진 요소없이 오름차순으로 정렬되어 있는 경우를 말합니다. 입력 인자 1 : arr number 타입을 요소로 갖는 배열 arr.length는 60,000 이하 arr[i]는 100,000 이하의 양의 정수 출력 number 타입을 리턴해야 합니다. 주의사항.. 공감수 0 댓글수 0 2022. 7. 13.
최장 증가 부분 수열(LIS, Longest Increasing Subsequence), 자바스크립트로 구현하기 💡최장 증가 부분 수열 (LIS, Longest Increasing Subsequence) 원소가 n개인 배열의 일부 원소를 골라내서 만든 부분 수열 중, 각 원소가 이전 원소보다 크다는 조건을 만족하고 그 길이가 최대인 부분 수열을 최장 증가 부분 수열이라고 한다. 방법 A[i] : 수열의 i 번째 수 D[i] : A[i]를 마지막 값으로 가지는 가장 긴 증가 부분 수열의 길이 수열 A = [3, 5, 7, 1] 첫 번째 방법은 i=0 부터 D[i]를 계산하는데, 각각의 D[i]를 계산할 때마다 앞에 위치한 수들을 모두 확인하여 자신보다 작은 숫자들의 D 값 중 최댓값을 찾고 1을 더해 D[i]를 계산한다. i 0 1 2 3 4 A[i] 0 3 5 7 1 D[i] 0 배열 A에 수열을 다음과 같이 저장.. 공감수 0 댓글수 0 2022. 7. 12.
구간 트리, 세그먼트 트리 (Segment Tree), 자바스크립트로 구현 💡세그먼트 트리, 구간 트리 (Segment Tree) 여러 개의 데이터가 연속적으로 존재할 때 특정한 범위의 데이터의 합을 가장 빠르고 간단하게 구할 수 있는 자료로 세그먼트 트리가 있다. 구간 트리는 배열의 특정 구간에 대한 질의를 빠르게 하기 위해 사용될 수 있다. 구간 트리는 주어진 배열의 구간들을 표현하는 이진 트리를 만든다. 루트는 배열의 전체 구간을 표현하고, 한 트리의 왼쪽 자식과 오른쪽 자식은 해당 구간의 왼쪽 반과 오른쪽 반을 표현한다. 각 노드는 해당 구간에 대한 계산 결과를 저장해둔다. ✓ 특정 구간의 합을 가장 빠르게 구하는 방법은? 예시 데이터 : 1 9 3 8 4 5 5 9 10 3 4 5 💻 방법1. 단순 배열을 이용해 선형적으로 구하기 0 1 2 3 4 5 6 7 8 9 1.. 공감수 0 댓글수 0 2022. 7. 11.
알고리즘 문제 풀이 - largestRectangularArea, 구간트리란? 문제 히스토그램(histogram)은 표(도수 분포표, 빈도표)로 되어 있는 도수 분포(frequency distribution)를 정보 그림으로 나타낸 것입니다. 예를 들어, 대학교의 한 학과에서 신입생들의 현재 거주 지역을 조사한 결과가 다음과 같다고 가정해 봅시다. 서울 2명, 경기 1명, 대전 4명, 부산 5명, 대구 1명, 광주 3명, 제주도 3명... 이 자료를 히스트그램으로 나타내면 각각 높이 2, 1, 4, 5, 1, 3, 3인 직사각형이 왼쪽부터 그려지게 됩니다. 편의상 직사각형의 너비는 1이라고 가정합니다. 이를 그림으로 나타내면 아래와 같습니다. 6 | 5 | x 4 | x x 3 | x x x x 2 | x x x x x 1 | x x x x x x x ----------------.. 공감수 0 댓글수 0 2022. 7. 11.
이진 힙(Binary Heap), 자바스크립트로 구현하기 ✓ 힙 (Heap) 힙이란 트리 기반 자료구조로 힙 속성을 만족하는 거의 완전한 트리이다. 힙 속성이란 예를 들어, 최대힙의 경우 부모 노드는 반드시 자식 노드보다 커야 한다는 법칙이다. 따라서 최상위 노드는 최대값을 가지게 된다. 따라서 최상위 노드는 최대값을 가지게 된다. 이러한 힙의 특성으로 힙은 우선수위 큐를 구현하는데 적합한 자료구조이다. 힙은 부모와 자식 노드 간의 관계만이 정의되어 있을 뿐, 현제 또는 사촌 노드 간의 우선수위는 정해진 것이 없다. ✓ 이진 힙 (Binary Heap) 이진 힙은 힙 중에서 가장 널리 쓰이는 형태 중 하나로 이진 트리 형태인 힙이다. 이진 트리는 각 노드의 자식 노드가 반드시 2개 이하인 트리이다. 이진 힙은 완전 이진 트리라는 조건을 만족해야한다. 모든 레벨.. 공감수 0 댓글수 0 2022. 7. 6.
이진탐색트리 (Binary Search Tree) 💡이진 탐색 트리 (binary search tree) 트리 구조는 편리한 구조를 전시하는 것 외에 효율적인 탐색을 위해 사용하기도 한다. 트리 구조는 가지고 있는 특징에 따라 여러 가지 이름으로 불리는데 이진 트리(binary tree)와 이진 탐색 트리(binary search tree)가 가장 많이 사용된다. 먼저 이진트리는 자식 노드가 최대 두 개인 노드들루 구성된 트리이다. 두 개의 자식 노드는 왼쪽 자식 노드와 오른쪽 자식 노드로 나눌 수 있는데, 이진 트리는 자료의 삽입, 삭제 방법에 따라 정 이진 트리, 완전 이진 트리, 포화이 이진 트리로 나뉘게 된다. 정 이진 트리(Full binary tree) 각 노드가 0개 혹은 2개의 자식 노드를 갖는다. 포화 이진 트리(Perfect binar.. 공감수 0 댓글수 0 2022. 7. 6.
[알고리즘 문제 풀이] 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. bubbleSort 문제 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 버블 정렬(bubble sort)은 여러 정렬 알고리즘(삽입 정렬, 퀵 정렬, 병합 정렬, 기수 정렬 등) 중 가장 기본적인 알고리즘입니다. 버블 정렬 알고리즘은 아래와 같습니다. 첫 번째 요소가 두 번째 요소보다 크면, 두 요소의 위치를 바꿉니다. (swap) 두 번째 요소와 세 번째 요소보다 크면, 두 요소의 위치를 바꿉니다. (swap) 1, 2를 마지막까지 반복합니다. (마지막에서 두 번째 요소와 마지막 요소를 비교) 1~3의 과정을 한 번 거치게 되면, 가장 큰 요소가 배열의 마지막으로 밀려납니다. 1~3의 과정을 첫 요소부터 다시 반복합니다. 5를 통해 두 번째로 큰 요소가 배열의 마지막 바로 .. 공감수 0 댓글수 0 2022. 7. 3.
[알고리즘 문제 풀이] 두 개의 배열(base, sample)을 입력받아 sample이 base의 부분집합인지 여부를 리턴해야 합니다. isSubsetOf 문제 두 개의 배열(base, sample)을 입력받아 sample이 base의 부분집합인지 여부를 리턴해야 합니다. 입력 인자 1 : base number 타입을 요소로 갖는 임의의 배열 base.length는 100 이하 인자 2 : sample number 타입을 요소로 갖는 임의의 배열 sample.length는 100 이하 출력 boolean 타입을 리턴해야 합니다. 주의사항 base, sample 내에 중복되는 요소는 없다고 가정합니다. 입출력 예시 let base = [1, 2, 3, 4, 5]; let sample = [1, 3]; let output = isSubsetOf(base, sample); console.log(output); // --> true sample.. 공감수 0 댓글수 0 2022. 7. 3.
[알고리즘 문제 풀이] 아래와 같이 정의된 피보나치 수열 중 n번째 항의 수를 리턴해야 합니다. fibonacci 문제 아래와 같이 정의된 피보나치 수열 중 n번째 항의 수를 리턴해야 합니다. 0번째 피보나치 수는 0이고, 1번째 피보나치 수는 1입니다. 그 다음 2번째 피보나치 수부터는 바로 직전의 두 피보나치 수의 합으로 정의합니다. 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, ... 입력 인자 1 : n number 타입의 n (n은 0 이상의 정수) 출력 number 타입을 리턴해야합니다. 주의사항 재귀함수를 이용해 구현해야 합니다. 반복문(for, while) 사용은 금지됩니다. 함수 fibonacci가 반드시 재귀함수일 필요는 없습니다. 입출력 예시 let output = fibonacci(0); console.log(output); // --> 0 output = .. 공감수 0 댓글수 0 2022. 7. 3.
이더리움 채굴 실습 [Geth] - 계정 생성과 채굴 💡로컬 테스트넷에서 Geth를 실행하기 로컬 테스트넷에서 Geth 를 실행하기 위해서는 데이터 디렉터리와 genesis.json 파일이 필요하다. 데이터 디렉터리 -> 송수신한 블록 데이터와 계정 정보를 저장 genesis.json -> 블록체인의 Genesis 블록의 정보가 저장된 json 형태의 텍스트 파일 1. 데이터 디렉터리와 genesis.json 파일을 만든다. mkdir test_data 2. geth 를 실행하여 정상적으로 작동하는지 확인한다. geth 💡Geth console 을 사용하여 계정 생성 1. 다음 명령어를 입력하여 계정을 생성한다. geth --datadir test_data account new 계정에 사용할 비밀번호를 입력하면 계정의 주소값이 나오는데 이 주소는 jene.. 공감수 0 댓글수 0 2022. 7. 1.
이더리움 채굴 실습 - Docker로 Ubuntu 실행하기 💡 Docker로 Ubuntu 실행하기 ✓ 도커 설치 - Mac 유저 https://docs.docker.com/desktop/mac/install/ - Ubuntu 유저 https://docs.docker.com/engine/install/ubuntu/ 도커 설치가 완료되면 터미널을 열어서 docker -- version 을 입력해 정상적으로 설치되었는지 확인한다. ✓ 컨테이너 세팅 1. 도커에서 우분투 이미지를 받아온다. docker serach ubuntu docker pull ubuntu 2. 이미지를 잘 받았는지 확인한다. docker image ls 3. con_ubuntu 라는 컨테이너를 생성한다. docker create -it --name con_ubuntu ubuntu 4. 실행중인 컨.. 공감수 0 댓글수 0 2022. 7. 1.
npm install 시 Could not resolve dependency: 오류가 해결방법 💡 오류 해결 방법 react-redux를 설치하려고 하닌 dependency 에러가 발생했다. (base) eunjaeyoon@Eunjaeui-iMac  ~/Desktop/CodingApple/shop   master ±  npm install @reduxjs/toolkit react-redux npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: shop@0.1.0 npm ERR! Found: react@18.1.0 npm ERR! node_modules/react npm ERR! peer react@">=16.8.0" from @restart/hooks@0.4.7 npm ERR!.. 공감수 0 댓글수 0 2022. 6. 29.
eth-lightwallet 모듈의 내장함수 이용해서 Mnemonic Wallet 개발하기 💡 Mnemonic Wallet 개발하기 eth-lightwallet 모듈을 이용해서 니모닉 지갑을 개발해보려 한다. Light wallet의 소개만 간단하게 적어두었다. 자세한 내용은 아래 첨부해둔 링크를 읽어보면 좋을 것 같다. ✓ Light Wallet (Github) 더보기 About LightWallet is a HD wallet that can store your private keys encrypted in the browser to allow you to run Ethereum dapps even if you're not running a local Ethereum node. It uses BIP32 and BIP39 to generate an HD tree of addresses from.. 공감수 0 댓글수 0 2022. 6. 21.
Node.js 에러 해결 - Error: listen EADDRINUSE: address already in use 💡 Node 에러 해결 노드 서버를 실행했는데 EADDRINUSE라는 에러가 나왔다. 아래 에러를 해석해보면 내가 사용하려는 3000번 포트가 현재 다른 누군가가 사용중이라는 이야기인데, 이럴 경우에 중요한 프로세스가 아니라면 해당 포트의 PID 번호를 찾아서 해당 포트를 죽일 수 있다. 더보기 node:events:505 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::3000 at Server.setupListenHandle [as _listen2] (node:net:1372:16) at listenInCluster (node:net:1420:12) at Server.listen (nod.. 공감수 0 댓글수 0 2022. 6. 21.
[Javascript] 백준 10998번 알고리즘 문제 풀이 - 두 정수 A와 B를 입력받은 다음, A×B를 출력하는 프로그램을 작성하시오. A×B 문제 두 정수 A와 B를 입력받은 다음, A×B를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. (0 parseInt(el)); }).on('close', functio.. 공감수 0 댓글수 0 2022. 6. 20.
[Javascript] 백준 1000번 알고리즘 문제 풀이 - 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. A+B 한국어 시간 제한메모리 제한제출정답맞힌 사람정답 비율 2 초 128 MB 622882 259713 184204 41.999% 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력 첫째 줄에 A+B를 출력한다. 예제 입력 1 복사 1 2 예제 출력 1 복사 3 백준에는 자바스크립트가 따로 없어서 node.js를 통해 문제를 풀어야 한다. 또한 타 사이트와는 다르게 input 값을 직접 넣어줘야 하기 때문에 더 복잡하지만, 어떻게 작동하는지 더 이해할 수 있다. 예를 들면 아래와 같은 코드로 문제를 풀어줘야 한다. 💡 정답 var fs = require('fs'); var input = fs.readF.. 공감수 0 댓글수 0 2022. 6. 20.
[알고리즘 문제 풀이] 길이가 m, n이고 오름차순으로 정렬되어 있는 자연수 배열들을 입력받아 전체 요소 중 k번째 요소를 리턴해야 합니다. getItemFromTwoSortedArrays 문제 길이가 m, n이고 오름차순으로 정렬되어 있는 자연수 배열들을 입력받아 전체 요소 중 k번째 요소를 리턴해야 합니다. 입력 인자 1 : arr1 자연수를 요소로 갖는 배열 arr1.length는 m 인자 2 : arr2 자연수를 요소로 갖는 배열 arr2.length는 n 인자 3 : k number 타입의 0 이상의 정수 출력 number 타입을 리턴해야 합니다. 주의사항 두 배열의 길이의 합은 1,000,000 이하입니다. 어떤 배열 arr의 k번째 요소는 arr[k-1]을 의미합니다. 입출력 예시 let arr1 = [1, 4, 8, 10]; let arr2 = [2, 3, 5, 9]; let result = getItemFromTwoSorted.. 공감수 0 댓글수 0 2022. 6. 17.
[알고리즘 문제 풀이] 퀵 정렬, 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 💡 퀵 정렬 (Quick Sort) - '찰스 앤터니 리처드 호어' 가 개발한 알고리즘. - 퀵 정렬은 불안정 저렬에 속하며, 다른 원소와 비교만으로 정렬을 수행하는 비교 정렬에 속한다. - 분할 정보 알고리즘의 하나로, 평균적으로 매우 빠른 속도를 자랑함. 방법 1) 리스트 안에 있는 한 요소를 서택한다. 이렇게 고른 원소의 크기를 피벗이라고 한다. 2) 피벗을 기준으로 피벗보다 작은 요소들은 왼쪽, 큰 요소들은 오른쪽에 옮긴다. 3) 부분 리스트들이 더이상 불가능할 때까지 반복한다. quickSort 문제 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 입력 인자 1 : arr number 타입을 요소로 갖는 배열 arr[i]는 정수 arr.length는 100,000 이하.. 공감수 0 댓글수 0 2022. 6. 14.
[알고리즘 문제 풀이] 다음의 조건을 만족하면서 현재의 비밀번호('curPwd')를 새 비밀번호(newPwd)로 변경하는 데 필요한 최소 동작의 수를 리턴해야 합니다. 소수구하기 -> 에라토스테네스의 체 primePassword 문제 다음의 조건을 만족하면서 현재의 비밀번호('curPwd')를 새 비밀번호(newPwd)로 변경하는 데 필요한 최소 동작의 수를 리턴해야 합니다. 한 번에 한 개의 숫자만 변경가능하다. 4자리의 소수(prime)인 비밀번호로만 변경가능하다. 정리하면, 비밀번호가 계속 소수를 유지하도록 숫자 한 개씩을 바꿔갈 때 현재 비밀번호에서 새 비밀번호로 바꾸는 데 최소 몇 개의 숫자를 변경해야 하는지를 리턴해야 합니다. 입력 인자 1 : curPwd number 타입의 1,000 이상 9,999 이하의 자연수 인자 2 : newPwd number 타입의 1,000 이상 9,999 이하의 자연수 출력 number 타입을 리턴해야 합니다. 주의사항 4자리인 소수는 1,000 이상의 소수를 .. 공감수 0 댓글수 0 2022. 6. 13.
BFS(Breadth-First Search) / DFS(Depth-First Search) 한국에서 미국으로 가는 비행기를 예약한다고 가정하고 BFS와 DFS를 비교해보자. 비행편에 따라 직항과 경유가 있고 경유를 하게 된다면 해당 항공사가 필요로 하는 공항에 잠시 머물렀다 가기도 한다. 경유를 하는 시간은 비행편마다 다르고, 경유지도 다르다. 이런 경우에 최단 경로를 구하는 방법을 알아보자. 💡BFS (Breadth-First Search) 한국을 기준으로 미국까지는 가는 방법을 정점부터 탐색한다. 그리고 더는 탐색할 정저이 없을때, 그 다음 떨어져 있는 정점을 순서대로 방문한다. 직항이라면 한국과 미국 사이에 어떠한 경유지도 없기 때문에 제일 가까운 정점에 미국이 있다. 경유지가 있다면 직항보다 거리가 멀다는 사실을 확인할 수 있다. 이렇게 너비를 우선적으로 탐색하는 방법을, BFS, Br.. 공감수 0 댓글수 0 2022. 6. 13.
[알고리즘 문제 풀이] 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 💡 삽입 정렬 (Insertion Sort) : 삽입 정렬은 자료 배열의 모든 요소를 앞에서부터 차례대로 이미 정렬된 배열 부분과 비교하여, 자신의 위치를 삽입함으로서 정렬을 완성하는 알고리즘이다. 배열이 길어질수록 효율이 떨어지지만 구현이 간단하다는 장점이 있는 정렬 방법이다. 선택 정렬이나 거품 정렬과 같은 알고리즘에 비교하여 빠르며, 안정 정렬이고 in-place 알고리즘이다. insertionSort 문제 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 입력 인자 1 : arr number 타입을 요소로 갖는 배열 arr[i]는 정수 arr.length는 1,000 이하 출력 number 타입을 요소로 갖는 배열을 리턴해야 합니다. 배열의 요소는 오름차순으로 정렬되어야 .. 공감수 0 댓글수 0 2022. 6. 10.
Docker가 무엇인가? 가상머신과의 차이점은? 💡Docker 가 무엇인가? 도커는 리눅스 컨테이너 기술을 기반으로 하는 오픈 소스 서비스이다. 도커를 통해 애플리케이션 실행 환경을 코드로 작성할 수 있으며, OS를 격리화하여 간리할 수 있다. 그럼 도커, 리눅스 컨테이너, 실행환경, 격리화는 무엇일까? By default, a container has no resource constraints and can use as much of a given resource as the host's kernel scheduler wllows. Docker provides ways to control how much memory, or CPU a container can use, setting runtime configuration flags of the doc.. 공감수 0 댓글수 0 2022. 6. 10.
ORM이란? 💡ORM 이란? Object Relation Mapping 의 약자이다. 관계형 DB를 다룰 때, ORM을 사용한다면 우리가 관계형 DB를 객체 다루듯이 사용할 수 있다. 관계형 DB ORM 객체 데이터베이스의 통역사 정도로 생각할 수 있음. 장점은? - 객체를 사용해서 더 직관적으로 볼 수 있다. 관계형 DB를 객체 형태로 보니까 조금 직관적으로 볼 수 있는 것이다. 단점은? - ORM으로만 구현하기는 어렵다. 편리하지만 설계는 또 신중하게 해야 한다. 공감수 0 댓글수 0 2022. 6. 9.
[JavaScript] 비동기처리 async/await 💡 비동기 처리 방식 - async/await 자바스크립트는 싱글 스레드 프로그래밍 언어이기 때문에 비동기처리가 필수적이다. 하나의 프로세스에서 오직 하나의 스레드로만 실행. 그렇기 때문에, 하나의 레지스터와 스택으로 표현이 가능하다.> 비동기 처리는 그 결과가 언제 반환될지 알 수 없기 때문에 동기식으로 처리하는 기법들이 사용되어야 하는데, 대표적으로 setTimeout, callback, promise 등이 있다. 세가지 모두 비동기 코드를 작성할 수 있지만, 콜백 헬의 문제를 해결할 수 없었기에, ES8 부터는 보다 간단하고 가독성 좋게 비동기 처리를 동기처럼 구현하는 async/await이 도입되었다. async/await 은 Promise를 기반으로 동작하며, then/catch/finally와.. 공감수 0 댓글수 0 2022. 6. 9.
IM-SPRINT-AUTH-OAUTH, server 쪽 구현하기 OAuth 2.0이란? OAuth는 언제 왜 사용할까? 🌈 OAuth 2.0 웹이나 앱에서 흔히 찾아볼 수 있는 소셜로그인 인증 방식은 OAuth 2라는 기술을 바탕으로 구현된다. 전통적으로 직접 작성한 서버에서 인증을 처리해주는 것과는 달리 OAuth는 인증을 study-with-ej.tistory.com 지난 블로그에도 정리해두었던 것 처럼 Oauth는 웹이나 앱에서 흔히 찾아볼 수 있는 소셜 로그인 인증방식이다. 이번에는 깃허브에서 제공하는 OAuth를 이용해 스프린트를 진행해보았다. 이 스프린트도 한줄한줄 정리해보면서 개념을 정리해 보았다. 💡server-oauth/controller/callback.js ✓ 다시 한 번 정리해보는 axios : Axios는 브라우저, Node.js를 위한 Pro.. 공감수 0 댓글수 0 2022. 6. 9.
IM-SPRINT-STATESAIRLINE-SERVER 💡statesairline/app.js // express, cors 사용하기 const express = require("express"); const cors = require("cors"); const app = express(); // 모든 서버는 요청을 받을수 있는 포트 번호를 필요로 합니다. // HTTP server의 표준 포트는 보통 80 번 이지만, 보통 다른 서버에서 사용중이기 때문에 접근할 수 없습니다. // 따라서 우리는 보통 테스트 서버 포트로 3000, 8080, 1337 등을 활용합니다. // PORT는 아파트의 호수와도 같습니다. 서버로 요청을 받기 위해서는 다음과 같이 포트 번호를 설정 합니다. // (* 때에 따라 다른 포트번호를 열고 싶다면, 환경 변수를 활용 하기도 합.. 공감수 0 댓글수 0 2022. 6. 8.
Node.js Express 💡 Express MERN stackdms Java script 생태계에서 가장 인기 있는 프레임워크인 MongoDB, Express, React, Node 를 지칭하는 말이다. 이 중에서 express.js는 Node.js 환경에서 웹 서버, 또는 API 서버를 제작하기 위해 사용되는 가장 인기 있는 프로엠워크이다. 공식문서 -> https://expressjs.com/ko/ 💡 개발의 시작은 Hello World 부터 const express = require("express"); const app = express(); const port = 3000; app.get("/", (req, res) => { res.send("Hello World!"); }); app.listen(port, () => .. 공감수 0 댓글수 0 2022. 6. 8.
HTTPS 프로토콜, 암호화 💡 HTTPS 프로토콜 HTTPS 프로토콜은 Hyper Text Transfer Protocol Secure Socket Layer 의 약자이다. HTTP over SSL, HTTP over Secure라고도 부르기도 한다. 즉, HTTPS는 요청을 SSL 혹은 TLS라는 알고리즘을 이용해, HTTP 통신을 하는 과정에서 내용을 암호화하여 데이터를 전송하는 방법이다.. 인증에서 HTTPS 프로토콜을 사용해야만 하는 이유는 HTTP보다 상대적으로 안전한 방법이고, 데이터 제공자의 신원을 보장받을 수 있기 때문이다. 💡 데이터 제공자의 신원을 확인하고 보장받는 게 인증에서 중요한 이유?! - 클라이언트는 데이터 제공자가 제공해준 데이터를 사용할 수 밖에 없다. 클라이언트는 서버에 데이터 요청을 하고 이후 .. 공감수 0 댓글수 0 2022. 6. 8.
IM-SPRINT-AUTH-TOKEN, JWT를 이용한 프로그램 구현. (client-token) IM-SPRINT-AUTH-TOKEN, JWT를 이용한 프로그램 구현. (server-token) 스프린트를 진행하다보니 전체적인 구성을 이해하기 어려워서 한 줄 한 줄 정리해봄. 💡 server.token/index.js // 환경 변수 사용하기, import dotenv from dotenv require("dotenv").config(); // fs 모듈은 파.. study-with-ej.tistory.com server 를 완료하고 넘어 온 클라이언트 부분. 💡 client-token/src/component/Login.js * Axios를 이용하여 구현. Axios란? (깊게 이해하고 싶다면 첨부된 링크 참고 -> https://axios-http.com/kr/docs/intro) Axios는 .. 공감수 0 댓글수 0 2022. 6. 8.

728x90

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.