html (63) 썸네일형 리스트형 HTML 업다운게임 예제 ( HTML형변환 예제 ) 전에 올린 up-down과 유사하지만, 여기서 주의할 점은 사용자가 prompt()를 통해 입력한 값은 [문자열]로 취급되기 때문에 Numner(input)으로 형변환하여 계산하게 하였다. 다른 풀이 ( 약간의 유효성 검사 ) 예전에 학습했던 tmp를 사용하여 최대값과 최소값이 cross 되지 않도록 설정하여 입력값에 따라 min max 가 변하지 않도록 유효성 검사를 추가 수행결과 HTML Style + JS(JavaScript)를 통한 여러가지 색 박스만들기 예제 원래라면 box를 body에 태그들을 사용해서 box를 여러개 만들어야했지만, JS (자바스크립트) 를 사용하여 박스생성을 함수로 만들어 사용하게 되면 for문 만으로 여러개의 박스들을 만들 수 있음 이 때 colorList라는 항목을 추가해 background-color도 지정하여 박스마다 다른 색들이 적용될 수 있도록 하였다 수행결과 HTML 배열과 관련 배열함수 메서드명 기능 반환값 arr.sort() 배열의 요소를 적절한 위치에 정렬 정렬된 배열을 반환 arr.pop() 배열의 맨 끝 값을 제거 제거된 요소를 반환 arr.shift() 배열의 맨 앞 값을 제거 제거된 요소를 반환 arr.unshift() 배열의 맨 앞에 값을 추가 새로운 길이를 반환 arr.push() 배열의 끝에 하나 이상의 요소 추가 새로운 배열의 길이를 반환 arr.slice(n,m); n~m 까지의 요소출력 HTML 제어문 JAVA에서 사용한 for / while을 똑같이 사용가능 자료형 타입을 int 가 아닌 var로 사용하는것만 주의하면 됨 HTML 변수선언과 자료형 + Uncaught ReferenceError 수행 결과 여기서 Error가 뜬 것을 볼 수 있는데 Uncaught ReferenceError : 는 정의되지 않은 것을 호출 했을 때 발생하는 에러이다. 즉 위 코드에서 z는 선언되지 않았는데 호출을 했기 때문에 발생한 것이다. HTML JS(내부스크립트, onclick ) 함수사용 기본예제 box를 클릭하면 box 색상을 바꾸는 함수를 만들어서 사용 수행결과 [10분 테코톡] 🎨 신세한탄의 CSR&SSR SPA와 MPA SPA (SinglePageApplication) - 리액트, 앵글러 , 뷰와 같은 자바스크립트 기반 프레임워크를 사용하여 개발 된 하나의 페이지로 구성된 웹 어플리케이션 - ex) APP을 이용할 때 헤더는 고정되어있고, 메뉴를 선택하면 메인화면 부분, 혹은 클릭한 부분만 바뀌는 웹사이트 MPA (MultiPageApplication) - 탭을 이동할 때마다 서버로부터 새로운 HTML을 받아와 페이지 전체를 새로 랜더링 하는 전통적인 웹페이지 구성방식 - 전환 시 마다 화면 깜빡임 CSR과 SSR SPA, MPA와의 관계 - 리액트, 뷰, 랭글러 등을 이용하여 SPA를 만들고 특별한 목적을 가지고 랜더링 방식을 변경하지 않는다면 자연스럽게 SCR을 사용하게 됨 - PHP, JSP등으로 .. [10분 테코톡] 🕶 곤이의 DOM&BOM 1. 웹 구성 요소 HTML - 뼈대 ( 제목 / 이미지/ 표 등을 정의 ) , 구조와 의미를 부여하는 정적언어 - 웹의 전체적인 구조를 담당함 CSS - 옷 (색상 , 레이아웃, 폰트 등을 지정), 콘텐츠를 꾸미는 정적 언어 - 웹의 시각적인 표면을 담당함 JS - 기능 , HTML의 정적이고 단조로운 한계를 극복하기 위해 만들어진 언어 - 웹 문서를 더욱 동적으로 처리할 수 있도록 도와줌 JS는 어떻게 확장자가 다른 HTML과 CSS파일의 내용을 읽고 수정할 수 있을까?? 해답은 2번 DOM에 있음 2. DOM (Document Object Model) - 문서에 대한 모든 내용을 담고 있는 객체 - 텍스트 파일로 만들어진 문서를 브라우저가 이해할 수 있는 구조로 구성한 것 - HTML 요소 간의 부.. 이전 1 ··· 3 4 5 6 7 8 다음
