생활코딩 님과 함께 OAuth 2.0의 세계로 출발해 볼까요? https://www.youtube.com/playlist?list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q- WEB2-OAuth www.youtube.com 프로젝트를 진행하면서 OAuth 2.0 기반의 소셜 로그인 기능을 사용했지만 과연 어떻게 사용이 되고 왜 사용되는지 조금 더 자세히 알아보기 위해 공부를 진행합니다. 왜 OAuth 2.0을 사용하는가? 제가 만든 서버를 통해서 사용자가 구글, 페북, 트위터를 직접적으로 사용한다고 생각을 하면 client는 제가 만든 데이터 베이스에 소셜 미디어의 로그인 아이디와 비밀번호를 전달해야합니다. 이렇게 되면 제가 만든 데이터 베이스에 개인정보를 저장하게 되는 꼴이고 보안이라..
https://school.programmers.co.kr/learn/courses/30/lessons/133502 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 프로그래머스 햄버거 만들기 문제를 풀면서 알고리즘에 대해 생각하게 되었습니다. 문제 설명 햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부..
https://school.programmers.co.kr/learn/courses/30/lessons/131128 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 두 정수 X, Y의 임의의 자리에서 공통으로 나타나는 정수 k(0 ≤ k ≤ 9)들을 이용하여 만들 수 있는 가장 큰 정수를 두 수의 짝꿍이라 합니다(단, 공통으로 나타나는 정수 중 서로 짝지을 수 있는 숫자만 사용합니다). X, Y의 짝꿍이 존재하지 않으면, 짝꿍은 -1입니다. X, Y의 짝꿍이 0으로만 구성되어 있다면, 짝꿍은 0입니다. 예를 들어, X = 3403이고 Y = 13..
최대공약수 (the greatest common denominator) JS로 두 수의 최대공약수 구하기! 일단 최대공약수가 뭔지 다들 아시겠지만, 최대공약수는 사전적인 의미로 '둘 이상의 정수(整數)의 공약수 가운데 가장 큰 수. 정식(整式)에서는 공약수 가운데 차수가 가장 높은 것을 이른다' 인데 그림으로 설명하는 것이 더 이해가 빠르겠네요.... 한국어 너무 어려워요 ㅠ 84와 120의 최대공약수는 2*2*3인 12입니다! 저렇게 소수를 나누다보면 나오게 됩니다. 그것을 JS로 만들어보면 됩니다. 두 수를 나눴을 때 둘 다 나머지가 0이 나오는 수를 찾으면 되겠죠! let GCD = (num1, num2) => { let gcd = 1; for(let i=2; i GCD(120,84) => GCD(..
코드 작성 스타일 중 하나라고 할 수 있습니다. 정차지향 프로그래밍, 함수형 프로그래밍, 객체지향 프로그래밍, 함수형 반응형 프로그래밍이 있습니다. 함수형 프로그래밍의 장점 프로그래밍 문제를 해결할 때 유용한 새로운 관점과 접근방식 획득 가능 버그 발생률 낮음 잘만 사용한다면 연봉이 높음 함수형 프로그래밍이 왜 좋은지 알기 위해서 명령형(imperative)코드와 선언형(declarative)코드 간의 차이를 살펴보기로 합니다. 선언형 코드는 원하는 결과값을 선언하는 것 ex code function changeBlanktoBird(text) { return text.replaceAll(" ", "🐤") } 명령형 코드는 그 결과값에 어떻게 도달하는지 선언하는 것 ex code function chang..
TypeScript를 공부하려고 하니까 Prototype, scope, this, 동적타입 느슨한 타입 이런 것들을 좀 알아야 왜 대체제를 만들었는지 알 수 있겠더라고요 ㅎㅎ 그래서 오늘은 Prototype을 공부해 봅시다! 프로토 타입 객체 Java, C++과 같은 클래스 기반 객체지향 프로그래밍 언어와 달리 자바스크립트는 프로토탑입 기반 객체지향 프로그래밍 언어입니다. Class 를 만들어서 객체를 만드는 방법도 사용할 수 있지만 prototype 을 사용해서 자식 object에게 데이터를 물려줄 수 있습니다. 일단 Class의 예를 보겠습니다. class human{ constructor(name, age){ this.name = name this.age = age } } const hosose =..
