반응형
반응형
출력문 ( output )자바스크립트는 여러 방법을 통해 결과물을 웹 브라우저에 출력가능하다. 자바스크립트에서 사용할 수 있는 출력 방법은 여러가지가 있다.window.alert() 메소드document.write() 메소드console.log() 메소드HTML DOM 요소를 이용한 innerHTML 프로퍼티window.alert() 메서드브라우저 api 메서드 경고 대화 상자는 사용자의 확인을 제외한 다른 입력을 요구하지 않는 메세지를 전달할 때 사용별도의 대화 상자를 띄워 사용자에게 데이터를 전달. 그냥 다른거 다 필요없이 alert(내용); 써주면 끝이다. 내용안에 문자열 / 변수명 / 숫자형 뭐 여러가지를 넣을수 있다.document.write() 메서드웹 페이지가 로딩될 때 실행되면, 웹 페이지..
1. 태그 선택자document.getElementsByTagName(태그명)[순서];태그는 같은 이름으로 여러개를 생성 할 수 있다.그래서 getElement가 아닌 getElements로 복수로 써준다.태그명을 넣을때는 ('div') 이런식으로 넣어주면 된다.여기서 마지막[순서]는 index 0번부터 시작이다 만약에 형제가 3개가 있을경우 3번째를 선택해줄때는 2를 넣으면 된다.2. 클래스 선택자document.getElementsByClassName(클래스명)[순서];클래스도 태그와 마찬가지로 같은 이름으로 여러개를 생성 할 수 있다.그러므로 위 코드에서 복수인 getelements를 사용한다.클래스명을 넣을때는 ('logo') 이런식으로 넣어주면 된다.그리고 여러개 이기때문에 맨 뒤에 [순서] 즉..
HTML과 CSS로 만들어진 웹 페이지에 생동감을 불어넣기 위해 만들어진 객체기반의 스크립트 프로그래밍 언어 따로 C, C++처럼 컴파일 없이 한줄 한줄 해석하며 바로 명령어를 실행하는 인터프리터 언어 HTML의 특정 요소를 선택하여 다양한 이벤트 ( 마우스 클릭, 키보드 입력 등 )에 따라 어떤 동작을 하도록 기능을 넣을 수 있다.JavaScript 사용 방법1. 내부 스크립트자바스크립트 코드는 <script>태그를 HTML문서안에 넣어서 사용 가능하다. HTML문서의 어느위치에서나 사용 가능한데 보통 HTML문서가 전부 로드 되고 나서인 <body> 아래에 사용한다. ( 주로 간단한 스크립트나 테스트용으로 사용한다. )2. 외부 스크립트자바스크립트 파일을 HTML과 별개인 .js 확장자의 파일로 저장..
Android Studio 에서 사용되는 단축키 정리기능Mac 단축키Windows/Linux 단축키코드 자동 완성Control + SpaceControl + Space스마트 자동 완성Control + Shift + SpaceControl + Shift + Space인라인 문서 조회Control + QControl + Q클래스 찾기Command + OControl + N파일 찾기Command + Shift + OControl + Shift + N메서드 찾기Command + Alt + OControl + Shift + Alt + N리팩토링관련 메뉴보기Control + T?최근 파일로 돌아가기Command + EControl + E실행Control + RShift + F10디버깅Control + DShift ..
Visual Studio Code 단축키 모음기본 편집키명령명령 IDctrl+X행 삭제 (빈 선택)editor.action.clipboardCutActionctrl+C행 복사 (빈 선택)editor.action.clipboardCopyActionctrl+shift+k행 삭제editor.action.deleteLinesctrl+Enter아래에 행 삽입editor.action.insertLineAfterctrl+shift+Enter위에 행 삽입editor.action.insertLineBeforealt+Down행을 아래로 이동editor.action.moveLinesDownActionalt+Up행을 위로 이동editor.action.moveLinesUpActionshift+alt+Down위에 행 복사 추가e..
IntelliJ IDEA 자주쓰는 단축키 정리 EditingCtrl + Space : Basic code completion (the name of any class,method or variable)Ctrl + Shift + Space : Smart code completion (filters the list of methodsand variables by expected type)Ctrl + Shift + Enter: Complete statementCtrl + P : 함수호출시 인수 정보 확인 (within method call arguments)Ctrl + Q : 코드에 대한 문서창 팝업Shift + F1 : 코드에 대한 문서 인터넷 브라우저로 팝업Ctrl + mouse : 코드를 링크처럼..
CSS의 주요 속성width : 요소의 너비이다. 기본 값은 auto이다.height : 요소의 높이이다. 기본 값은 auto이다.max-width min-width : 요소가 가질 수 있는 최대, 최소 너비이다.max-height min-height : 요소가 가질 수 있는 최대, 최소 높이이다.모두 px, em, rem단위 등으로 크기를 지정해준다.margin : 요소의 외부영역이다.auto, px, em, vx 등의 단위로 크기를 설정한다.기본 값은 0이다.margin (위, 아래) (왼쪽, 오른쪽) : 요소의 위와 아래, 왼쪽과 오른쪽의 값을 설정한다.margin (위) (왼쪽, 오른쪽) (아래) : 요소의 위, 왼쪽과 오른쪽, 아래의 값을 설정한다.margin (위) (오른쪽) (아래) (왼쪽)..
HTML 태그 모음 요약표태그설명주석(comment)을 정의함.해당 문서(document)의 타입을 정의함.다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함.축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함.머리글자로만 된 단어(acronym)를 정의함.HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함.문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함.문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함.HTML5에서는 더 이상 지원하지 않으며, 대신 요소나 요소를 사용함.이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의함.해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 ..
익스플로러에서는 동작하는 window.close() 함수를 크롬에서 테스트 했을 때 팝업창이 닫히지 않습니다. 크롬에서 scripts may close only the windows that were opened by it. 오류 메세지 사용 함수 function close(){ window.open('', '_self', ''); window.close(); return false; }
크롬 개발자 도구(F12) 몇 초 후 사라지는 문제 해결 방법 - AhnLab Safe Transaction 구글 크롬 브라우저에서 키보드 [F12키]를 누르게 되면 개발자도구 창이 열리게 됩니다. 개발자도구는 현재 보이는 웹브라우저의 HTML 구조를 확인할 수 있고, HTML/CSS 등을 수정하여 즉각적인 변화를 관찰할 수 있기 때문에 웹 개발자에게 매우 유용한 도구인데요. 하지만 어느 날부터 크롬에서 개발자도구를 실행했더니 창이 저절로 꺼지는 이상한 증상 일반적으로 크롬 브라우저에서 F12키를 누르게 되면 화면 오른쪽으로 개발자도구 화면이 열리게 됩니다. 원래 사용자가 개발자도구 화면을 닫지 않은 이상 창이 그대로 실행된 상태로 있어야 하는데 빠르면 1초 남짓 늦어도 5초 이내에서 창이 저절로 닫히는..