반응형

전체 글 307

프로그래머스: 오픈채팅방 - javascript(replace, Map, switch)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/42888 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 힌트 문제 풀이 코드 function solution(record) { const answer = []; const userInfo = {}; //userInfo를 {} 객체로 생성하여 이름과 값 쌍을로 구성 for (let i = 0; i < record.length; i++) { const [command, uid, nickname] = record[i].split(" "..

프로그래머스: [3차] N진수 게임 - javascript(toString, toUpperCase())

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/17687 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답 풀이 힌트 - 숫자.toString(진법) 을 이용해 숫자를 원하는 진법으로 바꾼다. - toUpperCase() 함수를 통해 대문자로 바꿔준다. - substring(0,2)를 활용해서 0번째 idx , 1번째 idx를 구해본다. (예시든거임) 정답 풀이 코드 function solution(n, t, m, p) { let str = ''; //0부터 ~ 정한 수까지 특정 진법으..

프로그래머스: 키패드 누르기 - javasript(구현, Math.abs, 숫자 규칙)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/67256 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 풀이 힌트 - 키패드를 그래프로 표현하기 - 현재 손가락 위치 계속 체크  - 주어진 숫자랑, 왼손 오른손과의 거리를 구하는 함수 - 왼쪽일때 (1,3,7), 오른쪽일때(3,6,9), 가운데일때(2,5,8,0) 행위 구분  문제 풀이 코드 function solution(numbers, hand) { // 결과 문자열을 저장할 변수 let answer = ''; ..

프로그래머스 : [1차] 비밀지도 - javascript(toString(), padStart())

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/17681 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr문제 풀이 힌트  n과 두 정수 배열 arr1, arr2를 입력받아 이진수로 변환합니다.변환된 이진수를 n자리로 맞추어 0으로 패딩합니다.각 자리의 비트를 비교하여 하나라도 1이면 "#"을, 둘 다 0이면 " "을 추가합니다.변환된 문자열을 모아 answer 배열에 저장합니다.answer 배열을 반환하여 지도를 완성합니다. 정답 풀이 코드 // 주어진 n과 arr1, arr2를 사용하여 지도..

프로그래머스: 크레인 인형뽑기 게임 - javascript (구현)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/64061 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr문제 풀이 힌트 - 단순 구현 문제다. - 재빨리 예시를 보며 문제를 간단하게 이해하고 구현할 필요가 있다.  (자세히 보면서 길게 끌지 말자)  - moves를 반복문으로 돌고, 그 안에서 board로 인형이 있는지 반복문이 돈다 => 시간복잡도는 O(N * M)이다.   - N은 moves의 최대 1000 값을 넣어보자.   - M은 board의 열의 길이 최대 30 값을 넣어보자. =>..

nginx에서 서버 파일 설정 및 https 세팅(certbot, letsencrypt)

이 영상을 적극 참고하여 실행했습니다. 다만 , 영상 속 코드로만 성공할 순 없어서 제 방식으로 문제를 해결해나간 것까지 포함 했습니다 !! 또, 영상 속에서 생략한 것들이 있어서 그것까지 보충해서 작성하였습니다 ! 먼저 server 부분을 이렇게 작성해줘야 한다. sudo vi /etc/nginx/nginx.conf Let's Encrypt를 설치하고 인증서를 생성해야 한다. ( Ubuntu를 기준) 먼저, certbot을 설치하고 Let's Encrypt 인증서를 발급하는 것 ! 패키지 설치 명령어 sudo apt update sudo apt install certbot python3-certbot-nginx 인증서 발급하고, 구성 파일 자동으로 업데이트 명령어 sudo certbot --nginx ..

프로그래머스: [1차] 다트 게임 - javascript(switch, 정규식)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/17682 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 힌트 문제 정리) - s는1제곱, d는2제곱, t는 3제곱 - *은 해당 점수 *2, 이전 점수 *2 (만약, 해당 점수가 첫번째라면 해당 점수만 *2) - #은 곱하기 -1 문제 풀이 ) - 반복문을 돌려서 'S', 'D', 'T' 를 찾는다. - 'S', 'D', 'T' 이전의 index 값 즉 숫자에다가 각각 s,d,t 곱한후 temp 배열에 push 한다. (유의할 점..

프로그래머스 : 로또의 최고 순위와 최저 순위 - javascript(이분탐색 활용)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 힌트 나는 이분탐색을 활용했다. 만약? lotto 배열 길이가 6으로 한정되지 않고, 정말 큰 수라면 ~ 을 가정했기 때문이다 ! correct = 같은 수가 몇개인지 zero = 0이 몇개인지 7-correct를 하면 그 수가 최저 등수가 된다. 근데 만약 7-correct가 7이상이된다면, 최저등수 즉, min 값을 6으로 설정한다. (그 값이 최저 등수임) min - z..

사용자의 검색을 돕는 똑똑한 검색 기능(with Hangul-js)

현재 진행하고 있는 웹사이트에서 검색창을 만들었다. 사실, 검색 기능이란거 우리 생각의 기본대로 하면 된다. input 창에 사용자가 작성하는 글을 event.target.value로 값을 관리하고, 그 값과 일치하는 공연 이름 데이터만 조건식에 맞게 뿌려주면 된다. 코드로 살펴보자. 하지만? 나는 더 똑똑한 검색 기능을 원했다. 먼저 기본 검색 기능먼저 살펴보자. 01. 기본 검색 기능 1) 코드 이 중 useState만 import 하면된다. 함수 내에 밑과 같은 코드를 작성하면 된다. (다른 코드들은 무시 부탁드립니다 ^^) const [searchTerm, setSearchTerm] = useState(""); const handleSearch = (event: React.ChangeEvent) ..

반응형