본문 바로가기

Programming

(259)
220705 - 자바스크립트 - 객체, BOM string 내장객체 자바스크립트 => string = 객체 메소드 var str="computer"; var ch=str.charAt(2); //2번째 문자 var str1="hello thank you good luck to you"; var pos1=str1.indexOf("you"); //문자의 위치 (찾는 문자열 X = -1) //12 var pos2=str1.indexOf("you",16); //인덱스 16 이후의 문자열 인덱스값 //29 var pos3=str1.indexOf("thank",16); //-1 (값이 없음) var pos4=str1.lastIndexOf("you"); //뒤에서부터 탐색 //29 var pos5=str1.lastIndexOf("you",25); //25번째까지만..
220704 - 자바스크립트 - 객체 기념일 계산 + isNaN 대응 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 ..
220701 - 자바스크립트 - 객체 생성, 객체의 배열화, 내장 객체 ※ 함수 (js) 함수 = 객체 속성이 함수 => 메서드 객체 생성 객체 리터럴 : 중괄호 내에 1개 이상의 프로퍼티 기술해 객체 생성 // **신간 도서 정보** title : 어린왕자 pages : 65 price : 15000 author : 생텍쥐페리 매개변수 O // 김철수가 짜장면을(를) 먹습니다 김철수의 현재 나이는 26입니다 리턴값 O var person = { name: '김철수', age: 26, eat: function (food){ return this.name+"가 "+food+"을(를) 먹습니다"; }, address: '서울시 강동구' }; var result = person.eat('비빔밥'); document.write(result); document.write(" "); ..
220630 - 자바스크립트 - 반복문, 함수, 객체 반복문 중첩 for문 // 우리모두 아자 아자 아자 화이팅 우리모두 아자 아자 아자 화이팅 우리모두 아자 아자 아자 화이팅 우리모두 아자 아자 아자 화이팅 우리모두 아자 아자 아자 화이팅 하이퍼링크 html에 추가 문제 : 구구단 while문 데이터 처리 시 자주 사용 (데이터 수 미정일 때) 무한루프 주의 문제 : 문장 10번 출력하기 문제 : 1부터 100사이의 3의 배수 찾기, 갯수 세기 document.write("3의 배수 찾기"); var cnt=1; var num=0; while(cnt=5); continue 반복문에서 수행하지 않을 특정 조건 지정 문제 : 배열에서 짝수의 합만 구하기 (배열의 크기만큼 반복문 수행) 함수 사용자 정의 함수 매개변수 X 1 2 3 4 5 6 7 8 9 10 ..
220629 - 자바스크립트 - 변수, 연산자, 조건문(if, switch, 삼항연산자, 짧은 조건문), 반복문(for문, 향상된 for문) BOM, DOM 참고: https://csooy38.com/JavaScript-BOM-&-DOM https://cbw1030.tistory.com/46 [Javascript] Window, DOM, BOM이란? 나는 자바스크립트 언어를 Window, DOM, BOM이 정확히 무엇을 의미하는지도 모른채 사용해왔다. 사실 Window, DOM과 BOM을 이해하기 위해 과거에 여러 문서를 보고 구글링도 했었지만 와닿지가 않았고 cbw1030.tistory.com [JavaScript] BOM & DOM 자바스크립트(JavaScript) 8. BOM BOM(Browser Object Model : 브라우저 객체 모델)은 브라우저 내에 내장된 객체를 의미한다. BOM 객체의 최상위 내장 객체는 window 객체로..
220628 - 웹페이지 구현 실습(회원가입창 완료), 자바스크립트 (변수) join.html 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 ..
220627 - 웹페이지 구현 실습 E:target 가상선택자 (E = 참조된 url의 대상 요소) 요소의 id - url의 # 같을 때 사용 가능 url 클릭 시 대상 요소에 효과 적용 ex. a 태그 클릭시 div에 효과 적용 menu1 menu1... counter-increment 숫자 매기기 ( https://northpard.tistory.com/206 참고 ) counter-reset : 카운터를 생성하거나 초기화 counter-increment : 카운터 값을 하나씩 증가 content : 생성된 카운터 삽입 counter() 또는 counters() 함수 : 카운터의 값을 태그에 추가 ex. h3.test::before { counter-increment: section; content: "Section " counter(..
220624 - 웹페이지 구현 실습 index.html 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124..
220623 - 웹페이지 구현 실습 (webcafe) index.html 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124..
220622 - 그리드, 웹페이지 구현 flex 구현 페이지 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 플렉스 페이지 #wrap{ width: ..