본문 바로가기

전체 글169

[자바스크립트/알고리즘] 함수를 만족하는 첫 번째 요소의 값 출력 (find 함수) num % 2를 하였을 때 나머지가 0인 첫번째 배열값 찾기 문제이다. 입력: [1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; } 출력: 8 function findElement(arr, func) { return arr.find(func); } findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }); for문 생성하여 루프 안에서 로직을 작성해도 되지만 간단하게 find 메소드를 쓰면 쉽게 해결된다. find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. MDN에 적혀있는 find 메소드의 .. 2021. 1. 12.
[자바스크립트/알고리즘] 각 배열에서 가장 큰 수 찾기(map 함수) function largestOfArray(arr) { return arr.map(Function.apply.bind(Math.max, null)); } 입력 예시) [ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ] -> [ 5, 27, 39, 1001 ] 문제 출처: FreeCodeCamp(www.freecodecamp.org/) 2021. 1. 12.
[알고리즘/자바스크립트] 문자열 역순 출력 입력: hello 출력: olleh function reverseString(str) { return str.split("").reverse().join(""); } reverseString("hello"); split(), reverse(), join() 메소드를 이용하면 된다. 문제 출처: FreeCodeCamp(www.freecodecamp.org/) 2021. 1. 11.
[리액트] 구글 로그인 API 구글 로그인 기능을 만들고 싶어서 구글링을 열심히 했다.. 하지만 최신 자료는 없었고 리액트 구글 API 연동은 더욱 찾기 힘들었다. 그러다 발견한 영상. React로 하니까 정말 간단하게 되는 것 같다. npm 구글 로그인 설치하고, 컴포넌트 만들고, 생성해둔 client id 값 넣으니 끝이다. 잘 동작한다! 물론 css로 조금 더 다듬어야겠지만 작동하는 게 어디야..ㅠㅠ 2021. 1. 11.
OAuth란? OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다 OAuth - 위키백과 ​ 프로젝트를 하다가 로그인 기능을 수행하는 페이지를 만들어야 한다. 실제로 사용자에게서 정보를 받고.. 관리하는 것이 꽤나 번거로울 거라는 생각이 들었고, 아직 어떻게 구현하는지 또한 정확히 알지 못한다. 또한, 나도 이곳저곳 가입할 때 구글, 페이스북을 통한 로그인을 항상 사용하기에 이 기능은 꼭 필요하다는 생각이 들었다. OAuth는 핵심 용어 세개가 있다. 어느 페이지를 가입할 때 그 서비스 내에 구축되어있는 회원가입이 아닌 ~를 통한 로그인 기능(SNS, 구글 .. 2021. 1. 11.
[리액트] React hook 간단하게 알아보기 참고) 한국어 버전 공식 문서이다. Hook의 개요 – React A JavaScript library for building user interfaces ko.reactjs.org 이는 단순히 리액트 hook을 공부한 지 얼마 안 된 나의 생각을 정리하고자 쓴 글이다. 틀린 부분이 있을 수도 있으니 항상 공부는 공식 문서로! React hook은 16.8 버전에 새로 추가되었다. 콘퍼런스 영상을 보니 한 2년 전이다. ​ 우선 리액트 훅을 배운지 정말 얼마 안 되었지만 벌써 이렇게 좋아진 이유는 코드가 간단하다. (아주아주 심플해짐) ​ class App extends React.Component에서 드디어 탈출이 가능하다. state는 간단히 useState를 사용하여 나타낼 수 있게 되었다. ​ 말.. 2021. 1. 10.