에이미의 성장기록

CSS 관련해서 정의나 개념을 공부해 본 적은 없었다. 클론코딩할때 아이템들을 가로로 배열하고 싶을때 display: flex 쓰고, 수평정렬하려고 align-items: center, jusitify-content: center 만 썼던것이 다였다. Box model 모든 HTML 요소는 박스모양으로 구성되며, 이것을 박스모델이라고 한다. 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. ✨padding, border, margin, content로 구성 되어있다. content: 박스의 실질적인 부분, 색상을 가질 수 있고, width, height 속성을 가진다. padding: border 안쪽에 위치하는 영역으로, ..

문제 5-2번 A, B 두 개의 집합이 주어지면 두 집합의 공통 원소를 추출하여 오름차순으로 출력하는 프로 그램을 작성하세요. 🍄 입력설명 첫 번째 줄에 집합 A의 크기 N(12로 정렬한다 arr1.sort((a, b) => a - b); arr2.sort((a, b) => a - b); let p1 = (p2 = 0); while (p1 < arr1.length && p2 < arr2.length) { if (arr1[p1] < arr2[p2]) p1++; else if (arr1[p1] === arr2[p2]) { answer.push(arr1[p1++]); p2++; } else p2++; } return answer; } let arr1 = [1, 3, 9, 5, 2]; let arr2 = [3,..

문제 5-1번 오름차순으로 정렬이 된 두 배열이 주어지면 두 배열을 오름차순으로 합쳐 출력하는 프로그램 을 작성하세요. 🍄 입력설명 첫 번째 줄에 첫 번째 배열의 크기 N(1

자바스크립트의 메모리 힙이나 콜스택 등의 용어와 작동원리를 공부해봐야지 하다가 날 잡고 한번 유튜브 보고 공부해야겠다 생각이 들어서, 유튜브 보면서 그림으로 이해하니 좀 잘 되었다. 우리밋 님의 유튜브를 보면서 공부했다. 간단한 예제를 보면서 보니까 이해가 좀 쉽긴한데, 태스큐외에도 마이크로태스크 큐, 잡 큐 등이 더 있다고 한다. 더 딥하게 공부해봐야 할 것 같다. 자바스크립트 엔진 구조 자바스크립트의 엔진은 Memory Heap과 Call Stack으로 구성되어 있다. 가장 유명한 것은 구글의 V8 엔진 자바스크립트는 단일 스레드 프로그래밍 언어 , 즉 Call Stack이 하나라는 뜻, 따라서 여러 작업을 여러개로 분산하지 않고 하나씩 하나씩 처리한다. - 메모리힙: 메모리 할당이 일어나는 곳 ( ..

문제 4-5번 현수는 1부터 100사이의 자연수가 적힌 N장의 카드를 가지고 있습니다. 같은 숫자의 카드가 여러장 있을 수 있습니다. 현수는 이 중 3장을 뽑아 각 카드에 적힌 수를 합한 값을 기록하려 고 합니다. 3장을 뽑을 수 있는 모든 경우를 기록합니다. 기록한 값 중 K번째로 큰 수를 출력 하는 프로그램을 작성하세요. 만약 큰 수부터 만들어진 수가 25 25 23 23 22 20 19......이고 K값이 3이라면 K번째 큰 값 은 22입니다. 🍄 입력설명 첫 줄에 자연수 N(3

문제 4-4번 선생님은 올해 졸업하는 반 학생들에게 졸업선물을 주려고 합니다. 학생들에게 인터넷 쇼핑몰에서 각자 원하는 상품을 골라 그 상품의 가격과 배송비를 제출하라 고 했습니다. 선생님이 가지고 있는 예산은 한정되어 있습니다. 현재 예산으로 최대 몇 명의 학생에게 선물을 사줄 수 있는지 구하는 프로그램을 작성하세요. 선생님은 상품 하나를 50% 할인해서(반 가격) 살 수 있는 쿠폰을 가지고 있습니다. 배송비는 할인에 포함되지 않습니다. 🍄 입력설명 첫 번째 줄에 반 학생수 N(1

문제 4-3번 현수네 반 선생님은 반 학생들의 수학점수를 향상시키기 위해 멘토링 시스템을 만들려고 합니 다. 멘토링은 멘토(도와주는 학생)와 멘티(도움을 받는 학생)가 한 짝이 되어 멘토가 멘티의 수학공부를 도와주는 것입니다. 선생님은 M번의 수학테스트 등수를 가지고 멘토와 멘티를 정합니다. 만약 A학생이 멘토이고, B학생이 멘티가 되는 짝이 되었다면, A학생은 M번의 수학테스트에서 모두 B학생보다 등수가 앞서야 합니다. M번의 수학성적이 주어지면 멘토와 멘티가 되는 짝을 만들 수 있는 경우가 총 몇 가지 인지 출력하는 프로그램을 작성하세요. 🍄 입력설명 첫 번째 줄에 반 학생 수 N(1

문제 4-2번 N개의 자연수가 입력되면 각 자연수를 뒤집은 후 그 뒤집은 수가 소수이면 그 소수를 출력하 는 프로그램을 작성하세요. 예를 들어 32를 뒤집으면 23이고, 23은 소수이다. 그러면 23을 출 력한다. 단 910를 뒤집으면 19로 숫자화 해야 한다. 첫 자리부터의 연속된 0은 무시한다. 🍄 입력설명 첫 줄에 자연수의 개수 N(3

문제 4-1번 N개의 자연수가 입력되면 각 자연수의 자릿수의 합을 구하고, 그 합이 최대인 자연수를 출력 하는 프로그램을 작성하세요. 자릿수의 합이 같은 경우 원래 숫자가 큰 숫자를 답으로 합니다. 만약 235 와 1234가 동시에 답이 될 수 있다면 1234를 답으로 출력해야 합니다. 🍄 입력설명 첫 줄에 자연수의 개수 N(3 max) { max = sum; answer = arr[i]; } } return answer; } let arr = [128, 460, 603, 40, 521, 137, 123]; console.log(solution(arr)); //128 출력 2) 나머지로 각 자리수의 합을 구함 function solution(arr) { let answer, max = Number.MIN..

문제 3-5번 알파벳 대문자로 이루어진 문자열을 입력받아 같은 문자가 연속으로 반복되는 경우 반복되는 문자 바로 오른쪽에 반복 횟수를 표기하는 방법으로 문자열을 압축하는 프로그램을 작성하시 오. 단 반복횟수가 1인 경우 생략합니다. 🍄 입력설명 첫 줄에 문자열이 주어진다. 문자열의 길이는 100을 넘지 않는다. 🍄 출력설명 첫 줄에 압축된 문자열을 출력한다. 🍄 입력예제 1 KKHSSSSSSSE 🍄 출력예제 1 K2HS7E 정답 코드 - s[i] === s[i+1] 일때, count를 1씩 증가한다. 계속 증가하다가, 달라질 때 answer에 알파벳을 넣는다. 그리고 count가 1일때가 아닌 경우에만 count를 그 옆에 추가하고 count를 다시 1로 리셋한다.( count가 초기에 0이 아니라 1부..