본문 바로가기

JavaScript3

javascript - for문을 활용하여 트리 만들기 *로 삼각형과 트리 만드는 문제는 잊을만하면 다시 돌아오는 것 같다ㅋㅋㅋ 나중에 JSTL 배울 때도 또 만들었다는거... 끝냈다 싶으면 끝없이 살아 돌아오는 트리를 만들어 보자. 트리를 만들기 전에 더 쉬운 for문 문제를 풀고 싶다면 구구단을 표에 넣는 것부터 먼저 해보자. 아래 링크를 통해가면 볼 수 있다. 구구단 표에 넣기 그러면 이제 *로 트리를 만들어 보자. 먼저 출력결과는 아래와 같다. (사실 트리라기보다는 직각삼각형과 역직각삼각형 그리고 정삼각형이라고 부르는 것이 더 정확할 것 같다. ) 어쨌든 위와 같은 출력결과를 위해 하드코딩을 한 내용은 아래 더보기를 누르면 확인할 수 있다. 더보기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 *.. 2022. 6. 14.
javascript - input 태그에 선언적 함수와 익명함수 연결하기 활용 문제 각각의 input 태그에 함수를 각 조건에 맞게 연결하세요 1. 아래 input 태그를 사용하여 (선언적함수로) 1부터 10까지 합을 구하는 함수를 만든 후 alert 창으로 출력하세요. 2. 아래 input 태그를 사용하여 (익명함수로) 1부터 20까지 합을 구하는 함수를 만든 후 alert 창으로 출력하세요 3. 아래 input 태그를 사용하여 (선언적함수로) 1부터 10까지 수를 배열에 담은 후 배열에 5번째 값을 alert 창으로 출력하세요 4. 아래 input 태그를 사용하여 (익명함수로) 1부터 10까지 수를 배열에 담은 후 배열에 6번째 값을 alert 창으로 출력하세요 답안 결과값 화면구현 수업 세 번째 과제 각 조건에 맞게 함수를 연결하여 alert창으로 출력하는 문제였다. for문.. 2022. 5. 13.
HTML, CSS, JavaScript, jQuery의 정의 HTML 하이퍼텍스트마크업언어의 약자로 웹표준 기술을 총칭하는 말이며, 작은 의미로는 웹문서의 문법을 의미한다. 웹페이지를 만드는데 사용되는 언어이다. ※ 하이퍼텍스트란 단순 텍스트만이 아닌 링크 등의 개념이 포함된 텍스트이다. ※ 마크업언어란 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어이다. HTML은 꺽쇠()로 이루어진 태그를 사용한다. CSS(Cascading Style Sheets) 마크업 문서가 실제 표시되는 방법을 저장한 스타일시트 언어로 웹페이지를 꾸미는 역할을 담당한다. CSS로 마크업 문서 전체의 일관성을 유지할 수 있고, 웹의 성능을 극대화해준다. JavaScript 웹 페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트.. 2022. 5. 10.