공부하는 개발자의 스토리

복합 대입 연산자의 활용 변수 list를 빈 문자열('')로 초기화 후 += 복합 대입 연산자로 문자열을 만들고 HTML 문서의 body 태그에 넣습니다. 이를 실행하면 아래 그림처럼 출력이 됩니다.

복합 대입 연산자 연산자 설명 += 기존 변수의 값에 값을 더합니다. -= 기존 변수의 값에 값을 뺍니다. *= 기존 변수의 값에 값을 곱합니다. /= 기존 변수의 값에 값을 나눕니다. %= 기존 변수의 값에 나머지를 구합니다. 아래 코드는 복합 대입 연산자를 사용한 예시입니다. 변수 value를 10으로 초기화한 이후에 += 복합 대입 연산자로 value의 기존 값에 10을 더합니다. 그래서 20이 출력이 됩니다.

변수의 사용 실행하면 반지름이 10인 원의 둘레를 구하게 됩니다. var 키워드 뒤에 쉼표를 입력해서 여러 변수를 선언할 수 있습니다. 아래 코드처럼 var 키워드 뒤에 쉼표 입력 후 다른 식별자를 연속으로 입력합니다. 또한 아래 코드처럼 여러 개의 변수를 한 번에 선언하고 초기화할 수 있습니다.

- 변수 생성 및 사용 Javascript에서 변수를 만드는 것을 "변수를 선언한다"라고 표현을 합니다. 변수는 다음 형태로 선언을 하게 됩니다. var 키워드 뒤 식별자를 사용하면 해당 식별자는 변수가 됩니다. var ; - 변수 선언 그리고 변수에 값을 저장하는 것을 "변수에 값을 할당한다"라고 표현을 합니다. 아래와 같이 변수에 값을 할당을 합니다. 변수를 선언한 후 처음 값을 할당하는 것을 "변수를 초기화한다"라고 합니다. - 변수의 선언과 할당 실행하면 변수 식별제에 저장된 값이 출력되는 것을 알 수 있습니다.

HTML 테이블 태그에서 은 행이며 는 열이 된다. 또한 border는 선이 된다. 실행하면 가운데 정렬이 된 것을 알 수 있습니다.

음료 메뉴 콜라 사이다 환타 레쓰비 커피 종류 아메리카노 카페라떼 카페모카 바닐라라떼 실행하면 ~ 태그로 입력한 것은 순서가 없는 목록이 됩니다. 밑에 커피 종류에서는 태그로 사용했는데 순서가 있는 목록으로 표시된 것을 알 수 있습니다. 음료 메뉴 콜라 사이다 환타 레쓰비 커피 종류 아메리카노 카페라떼 카페모카 바닐라라떼 중국집 메뉴 짜장면 짬뽕 탕수육 만두 군만두 물만두 찐만두 볶음밥 잡채밥 실행하면 음료 메뉴는 태그로 순서 없는 목록을 했습니다. 는 ul type에서 square란 속성을 적용하여 네모 표시로 된 것을 알 수 있습니다. 커피 종류에서는 태그로 순서 있는 목록으로 했습니다. 는 ol type에서 i란 속성을 적용하여 i,ii,iii,iv 같은 순서 있는 목록으로 표시된 것을 알 수 있습..

이것은 볼드체입니다. --> ~태그는 단락과 단락간 구분하는 태그입니다. 이것은 이탤릭체입니다. 이것은 이탤릭체이면서 볼드체입니다. -> 텍스트들을 굵게 하거나 작게 하고 기울게 하는 서식태그는 텍스트 지정범위를 만들어 적용시키게 됩니다. ● ~ : 글씨를 굵게 하는 태그 ● ~ : 글씨를 굵게 + 강조하는 태그 ● ~ : 글씨를 작게 하는 태그 ● ~ : 글씨를 기울게 하는 태그 ● ~ : 기울게 하며 강조하는 태그 ● ~ : 이 안에 있는 텍스트는 코드임을 알리는 태그이다. ● ~ : 글씨에 형광펜 효과를 나타내는 태그 ● ~ : 위 첨자 ● ~ : 아래 첨자 H2O X2+ Y2 = Z2 실행하면 웹 브라우저에 이렇게 표시됩니다. 위에 설명드린 것처럼 텍스트 서식 태그를 적용한 것이 글씨가 기울어져 ..

네이버 구글 다음 싸이월드 - 실행하면 웹 브라우저에 이렇게 표시됩니다. - 먼저 태그는 앞에서 설명해드렸듯이 선그리기 태그입니다. 일단 width는 폭, 넓이를 설정하는 것인데 hr width란 것이 선의 폭을 설정한 것이라 할 수 있습니다. - 는 링크태그라 하는데 네이버 라 작성하게 되면 웹 브라우저에서 네이버 밑에 하이퍼링크 표시가 된 것을 알 수 있습니다. - 네이버를 클릭하면 이렇게 나타나는 것을 알 수 있습니다. - 마찬가지로 구글을 클릭하면 웹 브라우저에서 표시가 되는 것을 알 수 있습니다. 즉 그 링크를 통해서 접속이 되는 것입니다. - 그런데 다음을 클릭하면 새 창에서 표시가 되는 것을 알 수 있습니다. 네이버나 구글은 바로 접속이 되지만 이렇게 새 창에서 표시되는 것은 코드에서 다음 ..

안녕 하세요 html 처음 이에요... 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 안녕 하세요 html 처음 이에요... - 이렇게 코드를 작성하고 아파치 톰캣을 통해 실행하게 되면 크롬 웹 브라우저에서 이렇게 표시됩니다. - 안녕 하세요 다음에 태그를 사용했는데 이는 줄바꿈을 해주는 속성이기 때문입니다. - 또한 html 처음 이에요 다음에 선이 있는 것을 알 수 있는데 이는 태그를 사용하면 선이 그려지게 됩니다. 흔히 선그리기 태그라 합니다. - 반갑습니다. 웹기초에 오신걸 환영합니다 -> 이 부분은..

반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 반갑습니다. 웹기초에 오신걸 환영합니다. 첫 번째 단락입니다. 두 번째 단락입니다. - HTML4 태그에서 주석 표시는 이렇게 표시하게 됩니다. 주석이란 소스 코드 작성 중에 쉽게 알아보기 위해 작성하는 설명문이라 생각하시면 됩니다. - 중요한 것이 태그의 시작과 끝은 무조건 ~ 로 되어야 합니다. 예를 들어 ~ , 안녕하세요으로 한 쌍이 되어야 합니다. - 위에 설명해드렸듯이 html은 웹 문서의 시작이며 이 끝입니다. 가 머릿말의 마지막입니다. - 는 본문의 시작이며 마찬가지로 는 본문의 마지막에 ..