전체 글
-
TIL-2024.04.04 - 코테연습 - 공원 산책(1).programmers> 기초/코테 연습 2024. 4. 4. 09:24
URL: https://school.programmers.co.kr/learn/courses/30/lessons/172928 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내가 푼 코드: // solution 함수 선언, park와 routes를 인자로 받음 const solution = (park, routes) => { // 주차장의 높이와 너비 계산 let height = park.length; let width = park[0].length; let currentPosition = []; // 강아지의 현재 위치를 저장할 배열 let tempPos..
-
TIL-2024.04.03 - 코테연습 - 달리기 연습(1).programmers> 기초/코테 연습 2024. 4. 3. 21:54
URL: https://school.programmers.co.kr/learn/courses/30/lessons/178871 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내가 쓴 코드: //1. 시간 초과 코드 function solution(players, callings) { var answer = []; callings.forEach((v)=>{ const playerIdx = players.indexOf(v) const swap = players[playerIdx] players[playerIdx] = players[playerIdx-1] pla..
-
TIL-2024.04.02 - 코테연습 - 바탕화면 정리(1).programmers> 기초/코테 연습 2024. 4. 3. 05:56
URL: https://school.programmers.co.kr/learn/courses/30/lessons/161990#qna 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내가 푼 코드: // URL > https://school.programmers.co.kr/learn/courses/30/lessons/161990 const solution = (wallpaper) => { let xMin = 9999999; let yMin = 999999; let xMax = 0; let yMax = 0; for (let i = 0; i < wallpaper..
-
TIL-2024.04.01 - Network - TCP & UDP> 기초/백그라운드 2024. 4. 1. 23:29
질문: TCP와 UDP는 무엇인가? 두개의 차이점은 무엇인가? 배경: - 네트워크 계층들 중 전송 계층에서 사용하는 프로토콜 - 전송계층은 송신자와 수신자를 연결하는 통신 서비스를 제공하는 계층으로, 데이터의 전달을 담당 - 데이터를 보내기 위해 사용하는 2개의 프로토콜 TCP & UDP TCP (Transmission Control Protocol): - 연결 지향형 프로토콜 (통신하기 전에 연결을 설정하고, 통신이 완료되면 연결을 해제). - 신뢰성 있는 데이터 전송을 보장 (데이터를 순차적으로 보내고, 손실된 데이터를 재전송하고, 중복된 데이터를 제거). - 흐름 제어(Flow Control)와 혼잡 제어(Congestion Control) 기능을 제공하여 네트워크 혼잡을 방지하고 효율적인 통신을 ..
-
TIL-2024.03.31 - 코테연습 - kakao -압축(2).programmers> 기초/코테 연습 2024. 3. 31. 21:35
URL: https://school.programmers.co.kr/learn/courses/30/lessons/17684 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 코드: // URL > https://school.programmers.co.kr/learn/courses/30/lessons/17684 const solution = (msg) => { const dict = ['*', ...Array.from(Array(26), (_, i) => String.fromCharCode(65 + i))]; const arr = []; let word ..
-
TIL-2024.03.30 - 코테연습 - kakao -뉴스 클러스터링(2).programmers> 기초/코테 연습 2024. 3. 31. 10:55
URL: https://school.programmers.co.kr/learn/courses/30/lessons/17677 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr // URL > https://school.programmers.co.kr/learn/courses/30/lessons/17677 const solution = (str1, str2) => { let result = 0; let min = 0; let max = 0; const newsClustering = (str) => { let temp = []; let strSplit = str...
-
TIL-2024.03.29 - 코테연습 - 둘만의암호(1) .programmers> 기초/코테 연습 2024. 3. 29. 20:49
URL: https://school.programmers.co.kr/learn/courses/30/lessons/155652 내가 푼 코드: // URL > https://school.programmers.co.kr/learn/courses/30/lessons/155652 const solution = (s, skip, index) => { let temp = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z".split(","); let alphabetArr = temp.concat(temp).concat(temp) let sArr = s.split(""); let skipArr = skip.split(""); let result = ""; for (let ..
-
TIL-2024.03.28 - JS - Web Rendering - 페인팅 & 리페인팅> 기초/Javascript 2024. 3. 28. 20:25
질문: 페인트, 리페인트는 각각 무엇이고 차이점은 무엇인가? 이후, 어떤 작업이 발생하는가? 랜더트리 구성 이후 발생되는 일: 랜더링 과정 복습: - HTML 문서와 CSS 스타일 시트를 파싱하여 각 요소에 적용되는 스타일을 결정하여 요소의 특성을 설정 (각 요소들의 우선순위, 상속, 선택자에 따라 최종적으로 적용되는 스타일이 결정) 레이아웃 | 리플로우 과정 복습: - JS 코드에서 DOM이나 CSSOM을 변경하는 DOM API가 사용된 경우, DOM 이나 CSSOM이 변경. - 변경된 DOM과 CSSOM은 다시 렌더 트리로 결합되고 변경된 렌더 트리를 기반으로 레이아웃 다시 계산 이렇게 만들어진 레이아웃에 그래픽을 입히는 작업 (화면에 요소를 그리는 과정)을 페인트 | 리페인트라 함 페인트: 그래픽을..