JavaScript(25)
-
[001] 파이어베이스 (Firebase) - Realtime Database 개요 및 연동, 데이터 삽입(insert)
안녕하세요~ totally 개발자입니다. Firebase Overview Firebase(파이어베이스)는 2014년 구글이 인수한 후 구글이 운영하고 있는 웹 및 모바일 애플리케이션 개발 플랫폼입니다. 파이어베이스는 NoSQL 형태입니다. 자바스크립트를 이용해서 파이어베이스 데이터베이스를 이용하여 바로 시작해보도록 하겠습니다. 1) 아래 링크에 진입하여 프로젝트를 추가합니다. https://firebase.corp.google.com/ firebase.corp.google.com - Google Single Sign On: Sign into corp You've successfully signed in and will be redirected in 10 seconds You didn't use a Tit..
2022.12.21 -
[008] 자바스크립트 (JavaScript) - Fetch 함수로 API 호출해서 데이터 표시하기
안녕하세요~ totally 개발자입니다. 오늘은 원격 API를 호출해서 데이터를 불러오고 웹페이지에 표시하는 방법을 알아보도록 하겠습니다. 예전에는 서버 쪽에서 API를 주로 호출했지만 요즘에는 클라이언트 단에서 API를 직접 호출해서 데이터를 다루는 경우가 많아지고 있기 때문에 클라이언트 단에서 직접 API를 호출하고 데이터를 다루는 방법을 이해해야 합니다. 이를 위해, request 등과 같은 라이브러리를 사용하면 되지만 근래에는 브라우저 자체에 존재하는 fetch 함수를 사용하면 간단하고 쉽게 구현할 수 있습니다. fetch 함수는 Promise 객체를 반환하며 이 Promise 객체는 비동기(Asynchronous)를 위해, 미래에 저장되는 값을 위해 사용된다고 보면 됩니다. 이 함수는 2개의 p..
2022.12.20 -
[프로그래머스-Level 1] [JavaScript] 숫자 문자열과 영단어 - 객체 사용
[문제] 2021 카카오 채용연계형 인턴십 문제입니다. 입력값 s가 주어집니다. 이 s는 one4seveneight처럼 일부 숫자가 영어 문자로 변환된 값입니다. 이 문자열을 모두 숫자로 변환하는 것이 문제입니다. [알고리즘] 객체, while, indexOf, replace 사용 [풀이] 저는 객체 key: value를 활용하였으나 단순 배열, replace만 사용하는 등 더 간결하게 작성할 수 있습니다. 1) 객체를 먼저 선언해서 zero부터 nine까지 key: value로 pair 될 수 있게 해줍니다. 2) while 반복문을 사용해서 s가 영어 문자를 포함하는 경우 즉 순전한 숫자가 아닌 경우를 판별합니다. 3) for (const key in num)를 활용해서 num 객체에 선언되어 있는 ..
2022.12.05 -
[프로그래머스-Level 1] [JavaScript] 신고 결과 받기 - 해시 사용
[문제] 2022 KAKAO BLIND RECRUITMENT 문제입니다. 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려고 합니다. 그 시스템은 아래와 같습니다. 1) 각 유저는 한 번에 한 명의 유저를 신고할 수 있고 제한 없이 다른 사용자를 계속 신고 가능하지만 동일한 사용자에 대한 신고 횟수는 1회로 간주함 2) k번 이상 신고된 유저는 게시판 이용 정지되고, 해당 유저를 신고한 모든 사용자에게 정지되었다는 메일을 발송하는데 유저가 신고한 모든 내용 취합하여 마지막에 정지 메일을 발송하는 방식 유저 ID 신고한 ID 설명 "muzi" "frodo" "muzi"가 "frodo"를 신고 "apeach" "frodo" "apeach"가 "frodo"를 신고 "..
2022.12.05 -
[프로그래머스-Level 1] [JavaScript] 행렬의 덧셈 - 배열
[문제] 같은 행과 같은 열의 값을 더한 배열을 반환하면 됩니다. [알고리즘] 알고리즘은 간단합니다. 먼저 forEach문으로 answer에 배열을 넣어주고 for 문을 이용해서 각각 row col대로 더해준 값을 넣어주면 됩니다. [풀이] 아래 코드를 참고하시면 되고, answer.push([])로 배열을 안에다가 넣어줍니다. 그리고 2중 반복문을 통해 각 행, 각 열을 더해주면 됩니다. function solution(arr1, arr2) { const answer = []; arr1.forEach(e => { answer.push([]); }); for (let row = 0; row < arr1.length; row++) { for (let col = 0; col < arr1[row].length..
2022.12.02 -
[프로그래머스-Level 1] [JavaScript] 완주하지 못한 선수 - Hash 사용
[문제] 마라톤 선수들이 마라톤에 참여하여 1명의 선수만 완주하지 못하고 모두 마라톤을 완주한다고 가정합니다. 마라톤 참가자 배열 participant와 완주한 참가자 배열인 completion이 입력값 매개변수로 주어질 때, 완주하지 못한 선수를 return해보세요. 입력 테스트 값은 아래와 같습니다. participant (참가한 선수) completion (완주한 선수) return (완주하지 못한 선수) ["leo", "kiki", "eden"] ["eden", "kiki"] "leo" [알고리즘] Hash 데이터 자료형을 사용합니다. 즉 Map 또는 객체(Object) 형태를 사용하시면 됩니다. [풀이] 저는 객체로 풀이를 진행했습니다. 먼저 객체 변수 players를 선언하고 participa..
2022.12.01