반응형

FE 183

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

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/64061 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 힌트 01. moves를 반복문으로 돈다. 근데 그 때의 값에서 -1을 값이 board에서의 줄이다. 02. board[i][몇번째 줄] !== 0 일 때가 뽑아야 하는 인형이다. 03. 뽑은 인형이, 바구니의 맨 끝 숫자랑 같은지 확인하고 - 같다면 바구니의 맨 끝 인형 빼주고, cnt+=2 - 같지 않다면 바구니에 뽑은 인형 그냥 쌓는다. 문제 풀이 코드 function ..

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) ..

Next.js에서 react-query 활용한 무한스크롤 완전정복(useInfiniteQuery, useLocalStorage)

눈물이 좀 날 뻔 했다. 다른 FE 개발자 분들은 헤매지 마시라고 기록을 남긴다. (...빠이팅! ) 거두절미하고 바로 시작 00. 백엔드에서 가져와야할 데이터 형식 내가 백엔드에서 받아온 데이터 형식은 이렇다. 만약 백엔드에서 가져온 데이터가 pageNo(이 데이터가 몇번째 페이지인지 나타냄)나 totalPages(총 전체 페이지가 몇개인지 나타냄)를 포함하고 있지 않다면 곤란하다. 없다면 공손하게 백엔드 분께 부탁드리자. ! 1) swagger에서 볼 수 있는 response 2) front에서 보는 데이터. (나는 data로 된 이름이 2개여서 이해를 쉽게 돕고자 더 큰 data를 data1, 그 아래 실제 데이터 갖고 있는 data를 data2 로 이야기를 할 예정이다. ) 내 백엔드 분은 다양한..

2024 팀 네이버 신입 공채 Tech 코딩테스트 후기

2024 팀네이버 신입 공채 코딩테스트를 봤다. ### 일정은 아래 사진을 확인하기 ! : 정말 긴 일정이다. ### 코딩 테스트 대상자 많은 사람들이(자격 안되는 사람들도 테스트 겸 보는 등) 코딩 테스트를 보는 걸로 알고 있는데, 네이버가 그런? 것들을 방지하기 위해서 애초에 시험 보기 전에 대상자인지 확인 하는 것 같았다. 서류를 제출하고 난 뒤, "제출하신 지원 내용을 검토한 결과 온라인 코딩테스트 및 기업문화 적합도 검사 대상자임을 안내드립니다." 와 같은 메일이 온다. ### 코딩 테스트 보는 사이트 (프로그래머스)코테 자격을 얻고나면, 또 한 번 메일로 코딩 테스트를 볼 주소를 준다. "메일을 잘 확인할 것" ### 시험 당일 시험은 오전 10:00 - 12:00 2시간동안 치뤄진다. 입실은..

회사 지원 2024.03.23

헷갈리는 객체 키와 값 가져오기 (for...in 반복문 /Object.keys() )

01. for...in 반복문으로 키 가져오기 let obj = { 1: [0, 1, 2], 2: [3, 4, 5], 3: [7, 8], }; for (let key in obj) { console.log(key); } // 1 2 3 02. for...in 반복문으로 값 가져오기 let obj = { 1: [0, 1, 2], 2: [3, 4, 5], 3: [7, 8], }; for (let key in obj) { let value = obj[key]; console.log(value); } 03. Object.keys(obj) 로 키 가져오기 let obj = { 1: [0, 1, 2], 2: [3, 4, 5], 3: [7, 8], }; let keys = Object.keys(obj); consol..

프로그래머스 : 신고 결과 받기 - javascript(구현 , Map)

문제 출처 https://school.programmers.co.kr/learn/courses/30/lessons/92334 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 풀이 힌트 01. 신고한 거를 2차월 배열로 나타내기 02. 신고 받은거 k이상인 사람 색출 03. 신고 받은 사람을 신고한 사람의 index 값을 +1 해준다. 문제 풀이 코드 function solution(id_list, report, k) { let graph = Array.from({length: id_list.length}, () => new Array(id_list.l..

반응형