Developer Gonie

사용자입력을 받는 창을 띄우는 함수 1) 아무것도 입력하지 않고 확인을 누른경우 : null이 아닌 길이가 0인 string 타입의 문자열(""으로 감싸진게 반환됨) 2) 무언가를 입력하고 확인을 누른경우 : null이 아닌 string 타입의 문자열(" "으로 감싸진게 반환됨) 3) 취소버튼을 누른 경우 : null 변수 = prompt("프롬프트 상에 띄울 메시지", "디폴트값 지정"); * 이를 if문으로 다룬 게시글을 보고싶다면 바로 아래 링크를 가서 확인해보자. https://ldgeao99-developer.tistory.com/318 사용예시

화면에 출력하는 함수 java의 System.out.print()와 비슷한 기능을 하는 함수로 html에서는 화면 영역을 document라고 부르는데 여기에 출력하는 함수이다. * 이 함수를 이용해 html의 태그를 출력하면 html을 직접 작성한 것과 같은 효과를 가진다. 단순 문자열을 브라우저에 출력하는 것도 가능하다. * 또한, java에서는 System.out.print()의 인자로 문자열을 연결하는 '+' 연산자를 사용할 땐 모두 같은 문자열 타입이어야만 했는데 javascript에서는 서로 다른 타입이어도 연결이 가능하다. '문자열 + 문자열', 혹은 '문자열 + 숫자'의 경우 문자열을 연결하며, '숫자 + 숫자'의 경우 덧셈연산을 수행한다. document.write(); 단순 문자열을 출력..

* 자바스크립트 언어에서는 변수 선언시 타입을 붙여줄 필요가 없다. 값을 할당할 때 변수의 데이터 타입이 알아서 지정되기 때문이다. 변수 선언방법1 * 값을 초기화 하는 것 없이 변수만 선언해주려면 variable의 줄임말인 'var' 을 꼭 붙여줘야 한다. var a,b,c; 변수 선언방법2(선언과 동시에 초기화) * 자바스크립트에서 변수 선언시, 변수의 타입은 자동으로 지정되니 타입은 적어주지 않아도 된다. 또한, 값을 초기화 하면서 선언하는 아래와 같은 경우 var 키워드를 생략해도 된다. //변수의 타입을 지정해 주지 않고도 변수 생성 가능 a = 10; b = 0.123; c = "banana"; //아래와 같이도 가능 var a = 10; var b = 0.123; var c = "banana..

Java, Javascript(가능한 주석 처리 방법이 java와 동일하다) // 주석입력 /* 주석입력 */ 오라클 -- 주석입력 HTML CSS /* 주석입력 */

* javascript script 태그를 이용하며, type 속성의 값으로 text/javascript 를 준다. * cass style 태그를 이용하며, type 속성의 값으로 text/css 를 준다. 공통점도 있는데 둘은 작성할 때 보통 html의 head태그 안쪽에서 작성된다. 그렇다고 body부분에서 작성을 못하는 것은 아니고 어디서든 가능하다. 자바스크립트 html 내에서 작성하는 방법 내장 CSS 방식으로 CSS를 html 내에서 작성했던 방법

Text - 별기능은 없고 문장의 중간에서 일부 텍스트의 범위를 지정하기 위해 사용된다.

Text - p 태그는 paragraph의 약자로 문단을 구분하여 작성할 때 사용되며, 블록 요소로 한 줄을 다 차지한다. - div도 문단을 구분하여 작성할 때 사용하지만, p 태그와 다르게 좀 더 큰 덩어리의 경우에 사용함

CSS /* 주석입력 */ Java, Javascript(가능한 주석 처리 방법이 java와 동일하다) // 주석입력 /* 주석입력 */ 오라클 -- 주석입력 HTML

1. 내부 스타일시트 방식, head 요소내에 style 요소를 작성(가장 많이 쓰이는 방식) - style 태그와 함께 type 속성의 값을 "text/css"로 준뒤 이 사이에 css를 작성한다. 2. 인라인 스타일 방식, 다른 태그에 style 속성을 부여하며 바로 CSS 작성 - 다른 요소에게 style 속성을 부여하며 바로 css를 작성하는 방법이다.(여러개 나열시 ';' 사용) - 1개만 작성하거나 마지막 CSS 코드에 대해서는 세미콜론을 생략해도 된다. - 텍스트의 일부만 CSS를 적용하고 싶다면 으로 감싸고 이 태그에 똑같이 하면 된다. 참고로 span 태그는 아무 기능이 없음 3. 외부 스타일시트 방식, 외부 파일에 CSS를 작성하고 html에서 불러오도록 함 - head 태그 안에서 l..

* 셀을 어떻게 합쳐나가야 할지 모르겠다면 n * n 의 테이블을 먼저 생성해두고 하나씩 해나가면 된다. + rowspan : 행 방향 즉 '현재 위치에서 아래 방향'으로 n 칸의 셀을 합침 + colspan : 열 방향 즉 '현재 위치에서 오른쪽 방향'으로 n칸의 셀을 합침 쉬운예시 좀더 복잡한 예시 아래그림을 보면 뭐 부터 해야할지 모르겠는가? 해결 단계는 이러하다. 1. 4 * 4 크기의 테이블을 먼저 만들어라. 2. 내부 및 바깥에서 선이 보여지는것을 보니 border 속성을 추가해라. 3. 셀이 합쳐질 때 어디가 시작점인지 파악하자. '일'이 적혀진 셀: (1행,1열) 부터 시작해서 행 방향 즉 현재 위치서 아래 방향으로 셀을 합침 '이'이 적혀진 셀: (1행,2열) 부터 시작해서 열 방향 즉 ..

열이름1 열이름2 열이름3 1행의 1열값 1행의 2열값 1행의 3열값 2행의 1열값 2행의 2열값 2행의 3열값 * 속성을 table 태그 말고 하위의 tr이나 td 태그에 적용시키면 속성의 적용 범위를 줄여서 사용할 수 있다. bgcolor, align 등이 그러하다. - 열 이름을 사용하지 않고 테이블을 만드는 경우에는 th 태그 들을 포함해 그 상위의 tr 부를 생략해도 된다. - tr은 행추가, td는 열의 값을 넣기 위해 사용된다. - tr에 어떠한 속성을 주는 경우 자식인 td 들에도 자동 적용된다. 만약 이를 무시하고 덮어쓰고 싶으면 td에서 또 한번 속성을 부여하면 부모것 대신 자신의 속성대로 적용됨. + border 속성 : 테이블의 바깥 및 안쪽에 안보이던 선을 생성하며, 테이블 바깥 ..

CSS(Cascading style Sheet) HTML이 구조를 만드는 언어라면, CSS는 만들어진 구조에 적용될 디자인을 작성하는 언어이다. 두 언어의 코드는 html파일 하나에 같이 작성될수 있기도 하고, 따로 분리되어 작성될 수도 있다. html파일 하나에서 같이 작성되는 경우, css는 style 키워드를 이용해 코드를 적어준 부분이된다. 아래는 CSS를 작성하고 적용할 수 있는 3가지 방법이다. https://ldgeao99-developer.tistory.com/309 CSS를 사용하는 이유 HTML 만으로 웹 페이지를 제작할 경우 HTML 요소 하나하나 별로 세부 스타일을 일일이 지정해줘야 하고, 완성한 이후에도 스타일의 변경 및 유지 보수가 매우 힘들다. 이러한 문제를 해결하기 위해 만들..