'웹 프로그래밍' 카테고리의 글 목록 (11 Page)

웹 프로그래밍 (143)

[JavaScript] JavaScript 타입 변환

웹 프로그래밍/JavaScript 범범조조 2020. 12. 15. 00:00

안녕하세요. 오늘은 JavaScript에서 타입들을 변환하는 방법에 대해서 공부해 보려고 합니다. 앞서, JavaScript에는 다양한 타입들이 존재하는 걸 확인했는데요. 오늘은 그 타입들을 유연하게 변환할 수 있는 방법에 대해서 알려 드리려고 합니다. 예제 코드를 통해서 바로 알아 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 JavaScript 연습 - 범범조조 h1{ color: white; background-color: red..

[JavaScript] JavaScript 기본 타입 종류

웹 프로그래밍/JavaScript 범범조조 2020. 12. 14. 00:00

안녕하세요. 오늘은 JavaScript에서 기본 타입 종류에 대해서 알아 보려고 합니다. 타입이란, 프로그램에서 다룰 수 잇는 값의 종류를 의미하는데요. JavaScript에서 타입은 크게 아래와 같습니다. 1 숫자. 2. 문자열 3. 불리언 (참, 거짓) 4. 심볼 5. undefined 6 객체 위와 같이 JavaScript 에서 제공하는 기본 타입은 크게 6가지 입니다. 이제 이 타입들을 JavaScript에서 어떻게 선언하는지 예제 코드를 통해서 연습해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 4..

[HTML] HTML 폼 태그 – Select 박스(콤보박스) 만들기

웹 프로그래밍/HTML 범범조조 2020. 12. 14. 00:00

안녕하세요. 오늘은 HTML에서 폼 태그 중, Select 박스 혹은 콤보박스 컨트롤 만드는 방법에 대해서 알아 보려고 합니다. 그럼 바로 예제 코드를 통해서 알아 보겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTML 제목 - 범범조조 Select 박스 연습하기 과일 바나나 사과 포도 과일2 (다중선택 하기) 바나나 사과 포도 Colored by Color Scripter cs 실행 결과 감사합니다.^^

[JavaScript] JavaScript 를 HTML에 적용하기

웹 프로그래밍/JavaScript 범범조조 2020. 12. 13. 00:00

안녕하세요. 오늘은 JavaScript 언어를 HTML에 적용하는 방법에 대해서 알려 드리려고 합니다. JavaScript를 HTML에 적용하는 방법은 크게 2가지 방법이 있습니다. 첫 번째로는 내부적으로 JavaScript 코드를 작성해서 적용하는 방법이 있고, 두 번째로는 외부적으로 작성된 JavaScript 파일을 HTML에 적용하는 방법 크게 2가지 방법이 있는데요. 오늘은 이 2가지 방법에 대해서 예제 코드를 통해서 어떻게 HTML에 적용하는지 연습해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 4..

[HTML] HTML 폼 태그 – 텍스트 입력하기

웹 프로그래밍/HTML 범범조조 2020. 12. 13. 00:00

안녕하세요. 오늘은 HTML에서 폼 태그 중, 텍스트 입력하는 태그에 대해서 알아 보려고 합니다. 앞서, 로그인 폼에서 Text 입력하는 기본적인 방법에 대해서 알아 보았는데요. 이번 포스팅에서는 조금 더 자세히 텍스트 입력하는 방법에 대해서 알아 보도록 하겠습니다. 그럼 바로 예제 코드를 통해서 알아 보겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 HTML 제목 - 범범조조 텍스트 입력 연습하기 이름 : 나이 : 주소 : 핸드폰 번호 : default value Colored by Color Scripter cs 실행 결과 감사합니다.^^

[JavaScript] JavaScript 출력하기

웹 프로그래밍/JavaScript 범범조조 2020. 12. 12. 00:00

안녕하세요. 오늘부터는 지난번 HTML, CSS 공부에 이어서 JavaScript라는 언어도 함께 공부해서 포스팅 하려고 합니다. 웹을 공부하기 위해서는 기본적으로 HTML, CSS, JavaScript 언어의 개념은 익히고 다음 단계로 넘어가는게 수월하다고 해서 지금 매우 열심히 공부를 하고 있는데요. 오늘부터는 JavaScript도 함께 공부해서 그날 공부했던 내용들을 정리해서 블로그에 올리려고 합니다. 오늘은 그 첫 번째 시간으로, JavaScript에서 출력하는 방법에 대해서 알려 드리려고 합니다. 출력하는 방법은 여러가지 방법이 있으니까 예제를 통해서 보여 드리도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ..

[HTML] HTML 폼 만들기

웹 프로그래밍/HTML 범범조조 2020. 12. 12. 00:00

안녕하세요. 오늘은 HTML에서 폼 만드는 방법에 대해서 알아 보려고 합니다. 가장 기본적으로 로그인 하는 폼을 만들어 보려고 하는데요. 로그인 폼에는 기본적으로 아이디, 비밀번호를 입력하는 컨트롤들이 있어야 겠죠? 이런 컨트롤들 또한 HTML을 이용하여 모두 작성이 가능한데요. 바로 예제 코드를 통해서 확인해 보도록 하겠습니다. 참고로, 저는 모든 HTML 공부를 생활코딩 사이트에서 하고 있다는점! 참고해주세요~~ 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 HTML 제목 - 범범조조 로그인 폼 만들기 아이디 : 비밀번호 : 주소 : Colored by Color Scripter cs 실행 결과 위와 같이 “제출” 버튼을 누르게 되면, 해당 action 으..

[CSS] CSS 크기(Dimension) 사용하기

웹 프로그래밍/CSS 범범조조 2020. 12. 11. 00:00

안녕하세요. 오늘은 CSS에서 크기(Dimension)을 사용하여 HTML의 요소를 마음대로 설정할 수 있는 방법에 대해서 공부해 보려고 합니다. CSS에서 크기(Dimension) 속성의 종류는 아래와 같습니다. 1. height 2. width 3. max-width 4. min-width 5. max-height 6. min-height 크게 6개의 속성들이 있습니다. 위의 속성들을 CSS로 사용해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 HTML 연습 - 범범..

[HTML] HTML 테이블 만들기

웹 프로그래밍/HTML 범범조조 2020. 12. 11. 00:00

안녕하세요. 오늘은 HTML에서 테이블 만드는 방법에 대해서 알아 보려고 합니다. 테이블, 표 라고도 하죠? 엑셀을 이용하시는 분들은 매우 잘 아실거라 생각이 드는데요. 이 표를 HTML 코드를 이용해서 만들 수도 있습니다! 말로 하는 것 보다는 당연히 소스코드를 통해 보는게 훨씬 좋겠죠?ㅎㅎ 바로 예제 코드를 통해서 확인해 보도록 하겠습니다. 저는 Student 테이블 하나를 만들어 보도록 하겠습니다. 예제 코드 12345678910111213141516171819202122232425262728293031323334353637 HTML 제목 - 범범조조 Student Table 이름 나이 주소 핸드폰 번호 범범조조 28 수원 010-1111-2222 아이유 28 서울 010-2222-5555 정형돈 ..

[HTML] HTML img 태그 – 이미지 태그

웹 프로그래밍/HTML 범범조조 2020. 12. 10. 00:00

안녕하세요. 오늘은 HTML에서 img 태그에 대해서 알아 보려고 합니다. img 태그는 한마디로 이미지를 웹에 포함해주는 태그인데요. 말로 하는 것 보다는 당연히 소스코드를 통해 보는게 훨씬 좋겠죠?ㅎㅎ 바로 예제 코드를 통해서 확인해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 HTML 제목 - 범범조조 이미지 넣는 연습 Colored by Color Scripter cs 실행 결과 위와 같이 줄 바꿈이 되어 출력되는 것을 확인하실 수 있습니다. 감사합니다.^^

[CSS] CSS 박스모델(box model) 표현하기

웹 프로그래밍/CSS 범범조조 2020. 12. 10. 00:00

안녕하세요. 오늘은 CSS에서 박스모델의 대해서 알아 보려고 합니다. 박스모델이란 모든 HTML 요소는 박스 모양으로 구성되어 있는데요. 바로 이러한 구성을 박스모델이라고 부른다고 하네요. 박스모델은 크게 Padding, Border, Margin, Content 로 구분됩니다. 각각의 설명은 아래와 같습니다. 1. Content : 텍스트나 이미지가 들어있는 박스의 실질내용 핵심 내용 2. Padding : 내용과 테두리 사이의 간격을 나타냅니다. 3. Border : 내용과 패딩 주변을 감싸는 테두리를 나타냅니다. 4. Margin : 테두리와 이웃하는 요소 사이의 간격을 나타냅니다. 그럼 위의 4가지의 박스 모델을 CSS로 직접 표현해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 ..

[HTML] HTML br 태그 – 줄 바꿈 태그

웹 프로그래밍/HTML 범범조조 2020. 12. 9. 00:00

안녕하세요. 오늘은 HTML에서 br 태그에 대해서 알아 보려고 합니다. br 태그는 한마디로 줄 바꿈을 태그인데요. 말로 하는 것 보다는 당연히 소스코드를 통해 보는게 훨씬 좋겠죠?ㅎㅎ 바로 예제 코드를 통해서 확인해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 HTML 제목 - 범범조조 안녕하세요. 저는 범범조조입니다. 지금 현재 HTML을 공부중이며 지금은 매우 기본적인 내용들을 학습합니다. 그렇지만, 무엇이든지 기본이 제일 중요한법 아니겠어요?ㅎㅎ 기본만 충실하면 뭐든 못 할게 없다고 생각합니다. 우리 모두 시작이 반이라고! 열심히 해서 CSS, JavaScript, ASP.NET 까지 열심히 배워서 웹도 개발..

1
···
8
9
10
11
12

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바