100일은 해야지

시맨틱 태그(Semantic Tag) 내용에 대해 아무것도 알려주지 않는 태그나 태그 등과는 다르게 시맨틱 태그는 웹 페이지 내의 내용에 의미와 콘텍스트를 제공하는 HTML 태그입니다. 즉, 페이지에 내용을 표시하는 '방법'을 지정하는 것이 아닌 내용의 '목적'이나 '의미'를 설명하도록 설계된 것이죠 주로 쓰는 시맨틱 요소 정리 : 웹 페이지의 헤더 섹션을 정의할 때 사용합니다. 일반적으로 제목이나 로고 머리말 같은 요소들이 들어갑니다. : 웹 페이지의 탐색 섹션을 정의할 때 사용합니다. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크들이 들어갑니다. : 블로그 게시물 또는 뉴스 기사와 같은 웹 페이지 내에 포함된 콘텐츠를 정의하는 데 사용됩니다. : 웹 페이지 내에서 내용 섹션을 정의하는..

문제 설명 : 중앙값 구하기 중앙값은 어떤 주어진 크기의 순서대로 정렬했을 때 가장 중앙에 위치한 값임 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하는 solution 함수? 제한 사항 array의 길이는 홀수 0 a-b); // 먼저 sort메서드로 오름차순을 해줍니다. let index = Math.floor(array.length/2); //중앙값 인덱스를 구해줍니다. return array[index]; //index를 이용해 ..

문제 설명 : 특정 문자 제거하기 문자열 my_string과 문자 letter이 매개변수로 주어질 때, my_string에서 letter를 제거한 문자열을 return 하는 Solution 함수? 제한 사항 1 ≤ my_string의 길이 ≤ 100 letter은 길이가 1인 영문자 my_string과 letter은 알파벳 대소문자로 이루어져 있음 대문자와 소문자를 구분함 입출력 예 my_string letter result "abcdef" "f" "abcde" "BCBdbe" "B" "Cdbe" function solution(my_string, letter) { return my_string.replaceAll(letter,"") //replaceAll 메서드를 활용해서 my_string 안에 있는 ..

폰트를 로컬적용 하는 법 폰트를 다운로드하여서 css 파일에 적용하면 끝입니다. 간단하죠? css 파일에 font-face로 적용하면 됩니다. 저는 Nanum Pen Script를 다운로드하였기 때문에 NanumScript로 적용시켜볼게요. @font-face { font-family: 'Nanum Pen Script'; src: local('NanumPenScript'), url('./font/Nanum_Pen_Script/NanumPenScript-Regular.ttf') format('truetype'); //너무길어서 보기좋게 줄바꾸겠습니다 } @font-face { font-family: " 글꼴이름" ==> 이름은 마음대로 설정가능 하지만 나중에 혼란을 줄 수 있기 때문에 같은 폰트와 같은 이..

문제 설명 : 분수의 덧셈 첫 번째 분수의 분자와 분모 numer1, denom1, 두 번째 분수의 분자와 분모 numer2, denom2 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 담은 배열 return 하는 solution 함수? 제한 사항 0 < numer1, denom1, numer2, denom2 < 1,000 입출력 예 numer1 denom1 numer2 denom2 result 1 2 3 4 [5, 4] 9 2 1 3 [29, 6] function solution(numer1, denom1, numer2, denom2) { //두 분수를 더한 후 분자와 분모를 구해줌 let numer = (numer1 * denom2) + (numer2 * denom1) let denom..