자료구조,알고리즘26 JS : DOM이란? 배경 - 자바스트립트는 html을 조작하기 위해 만들어진 언어 - 웹문서를 객체화해서 제어할 수 있도록 한 것을 DOM이라고 한다. DOM (문서객체모델) : Document Object Model - DOM tree의 구조를 가지고 있음, 각 요소를 노드라고 함 도메인 - 인터넷 상에서 주소인 URL의 일부 - 외우기 힘든 IP주소를 기억하기 쉽게 만들어줌 - 예시: www.naver.com URL : Uniform Resource Locator - 도메인을 포함한 경로 - 예시: https://serch.naver.com/serch.naver?query=카카오+API DOM에서 가능한 작업 - 새로운 HTML 요소/속성 추가 - 존재하는 HTML 요소/속성 제거 - HTML 문서의 모든 HTML 요소.. 2022. 10. 11. html,css : table로 달력 만들기 table - thead와 tbody로 나뉜다. - tr(table row) : 행(가로)을 추가한다. 방향은 왼쪽에서 오른쪽 -> - th(table head) : 표의 맨 위의 기준이 되는 값이다. 기본적으로 진하게 표시된다. - td(table data) : 값을 입력한다. - cellspacing : 데이터 간의 공간 여백 - cellpadding : 각 데이터의 공간 여백 - colspan: 가로간 병합 - rowspan: 세로간 병합 2022년 9월 일 월 화 수 목 금 토 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 - border : 테두리 두께와 스타일, 컬러를 함께 설정해야 한다 .red.. 2022. 9. 24. [js]배열의 최소값 찾기 [문제 설명] 숫자 배열 arr가 주어집니다. 이 중 0에서 가장 가까운 값을 구하는 함수, solution을 완성해주세요. [입력 형식] - arr는 길이가 1 이상 100 이하인 배열입니다. - arr의 원소는 0 이상 100 이하의 정수입니다. [출력 형식] - 0에서 가장 가까운 값을 구합니다. 풀이 1. arr.sort()로 값의 크기 순으로 정렬 2. 첫번째로 배열된 요소 출력하기 function solution(arr) { // == Math.min(...arr) arr.sort(); answer = arr[0]; return answer; } 2022. 8. 14. [js] 문자열의 대소문자 서로 바꾸기 [문제 설명] 문자열 s가 있습니다. 이 문자열의 대/소문자를 서로 바꾸는 함수, solution을 완성해주세요. 예를 들어, s 'Naver'가 있을 때, 결과는 'nAVER' 입니다. [입력 형식] - s는 길이가 100 이하의 문자열입니다. - s는 대/소문자로 구성되어 있습니다. [출력 형식] - 문자열의 대/소문자를 변경하여 출력합니다. 풀이 1. s의 요소 각각이 대문자이면 소문자를 answer에 더해준다. 2. 소문자이면 대문자를 넣어준다. for...of stirng.toUpperCase() string.toLowerCase() function solution(s) { var answer = ''; for(let x of s) if(x == x.toUpperCase()){ answer +=.. 2022. 8. 14. [js] 문자열을 ASCII Code 배열로 출력 [문제 설명] 문자열 s가 있습니다. 이 문자열의 ASCII Code를 배열로 출력하는 함수, solution을 완성해주세요. 예를 들어, s 'work'가 있을 때, 결과는 [119, 111, 114, 107]입니다. [입력 형식]- s는 길이가 100 이하의 문자열입니다.- s는 대/소문자로 구성되어 있습니다. [출력 형식]- 문자열의 ASCII Code 배열을 출력합니다. function solution(s) { var answer = []; for (let i = 0; i < s.length; i++) { answer.push(s.charCodeAt(i)); } return answer; } 2022. 8. 14. 이전 1 2 3 4 ··· 6 다음 반응형