console.log

https://school.programmers.co.kr/learn/courses/30/lessons/138476 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메모리: 104 MB 실행시간: 42.74 ms 메모리: 138 MB 실행시간: 66.50 ms 문제분석 그리디하게 풀면 될 것 같다 ! 1. 귤 크기별로 카운트를 저장한다. 2. 정렬한다. 3. 개수가 많은 크기부터 차례대로 채운다. 귤 개수가 최대 100,000 이므로, 정렬에서 O(NlogN) 만큼 사용해도 시간초과는 안난다 ! 걸린시간 30분 ⏱️ 풀이방법 메모리와 실행 시간에서 어떤 차..

Signaling Server Channel Server(WebSocket) + Session Server Peer들을 연결 시키기 위해 필요한 정보 Session Control Messages Error Messages, Codec Bandwith 위 정보들을 각각의 Peer들에게 전달하고 중계해주는 역할 주로 WebSocket 사용하여 직접 구현 A가 연결에 필요한 데이터를 Signaling Server에 전송 ⇒ Signaling Offer Signaling Server에 연결된 모든 세션들에게 A 데이터 전달 B에서 A 데이터를 활용해서 연결에 필요한 작업을 한 후, B 데이터를 Signaling Server에 전송 ⇒ Signaling Answer A 세션에게 B 데이터를 전달 각각의 데이터를 ..

WebRTC(Web Real-Time Communication) 란? 웹 브라우저 간에 플러그인 도움없이 서로 통신할 수 있도록 설계 된 API 구현 방식 1. Mesh 방식 전형적인 P2P 방식 Media Server 필요 X 1:1연결 혹은 소규모 연결에 적합 장점 서버 자원 적게 사용 직접적으로 Peer간 연결 → 실시간성 보장 단점 N명이 접속한 화상회의라면, N-1개 연결 유지 ⇒ Peer 수 ↑ → Client side 과부하 ↑ 2. MCU(Mult-point Control Unit) 방식 다수의 송출 미디어 데이터를 Media Server 에서 혼합(muxing) 또는 가공(transcoding)하여 수신 측에 전달 P2P 방식 X 장점 클라이언트 부하 ↓ N:M 구조 가능 단점 실시간성 ..

https://school.programmers.co.kr/learn/courses/30/lessons/142085 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메모리: 76.3 MB 실행시간: 0.76 ms 문제분석 라운드가 최대 100만이므로, 최대 O(NlogN)안에 문제를 해결해야 한다. 따라서, 배열 순회 한 번 만으로 결과를 내는 그리디한 방법 적용 ! 걸린시간 20분 ⏱️ 풀이방법 1. 우선순위 큐를 만든다 (적군 수 내림차순 정렬) 2. 경기를 진행한다. a. 무적권이 없고 병사가 부족할 경우, 경기 끝 b. 3번이 아닐 경우, 우선순위 ..

https://www.acmicpc.net/problem/1790 1790번: 수 이어 쓰기 2 첫째 줄에 N(1 ≤ N ≤ 100,000,000)과, k(1 ≤ k ≤ 1,000,000,000)가 주어진다. N과 k 사이에는 공백이 하나 이상 있다. www.acmicpc.net 메모리 : 12868 kb 실행시간 : 112 ms 문제분석 문제대로 수를 쭉 나열해서 인덱스를 뽑아오면 메모리초과, 시간초과가 날 것이 분명한 문제 .. 규칙을 찾아야 한다 걸린시간 2시간 ⏱️ 풀이방법 1 자리 : 1 ~ 9 (1 - 9개) + 9개 2 자리 : 10 ~ 99 (10 - 189개) + 180개 3 자리 : 100 ~ 999 (190 - 2889개) + 2700개 4 자리 : 1000 ~ 9999 (2900 -..

데이터 받기 axios로 게시할 데이터 받기 페이지에 게시할 데이터 개수 정하기 props로 데이터 전달 게시할 데이터 개수 현재 페이지 변경될 페이지를 만드는 useState함수 데이터 총 개수 // 페이지 const [page, setPage] = useState(1); // 방 목록이 보일 개수 const limit = 12; 데이터 전달받기 type PaginationProps = { totalPosts: number; limit: number; page: number; setPage: any; }; function Pagination({ totalPosts, limit, page, setPage }: PaginationProps) 현재 페이지 기준 페이지 5개 뽑아내기 const [currPag..

header에 토큰 둘 다 첨부 !!!!! axios({ method: 'get', url: 'api/v1/경로', headers: { Authorization: `${getCookie('Authorization')}`, refreshToken: `${getCookie('refreshToken')}`, } }) get, delete axios.get(url, { headers: {}, params: {}, }) post, put, patch axios.post(url, { data }, { headers: {} }) axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios..

프로젝트를 진행하다 보면, API 키 값과 같이 외부에 노출되면 안되는 값들을 사용할 때가 있을 텐데요 git에 올라간다면 혹시 모를 과금이 청구될 수 있습니다 ^^ 그럴 때 환경변수를 사용하면 .env파일만 gitignore하면 되기 때문에 외부노출을 막을 때 용이하답니다 :) .env 파일 생성 프로젝트 root 에 .env 파일 생성 환경 변수 설정 Next.js 에서는 변수 앞에 NEXT_PUBLIC 을 꼭 붙여줘야 환경 변수로 인식함 !!! 환경 변수 사용 process.env.환경변수명