목록국비지원수업 (55)

코딩이란 무엇일까

45일차[JavaScript] -(1)변수와 상수

JavaScript변수와 상수 변수란? 변수는 데이터를 저장할 때 쓰이는 이름을 지정한 저장소이다. 자바스크립트에서는 let, var를 사용하여 변수를 생성합니다. var 같은 경우에는 자바스크립트의 버전 ES5버전 이전에 사용하였다. ES6이후에는 let, const.. 등등 많은 것들이 추가되어 var를 사용하지 않는다. 추가적으로 var는 중복선언을 해도 에러가 나지 않는다. 이 외에도 var을 사용하지 않는 이유는 다양하다. 변수 선언 방법 let content; 위의 content는 content라는 이름을 가진 변수를 생성(선언) 한 것입니다. let content='item' content라는 변수에 ‘item’이라는 문자열 데이터를 저장합니다. let content='item' 변수 선언과..
국비지원수업 2022. 12. 27. 21:50
41일차[HTML/CSS] FORM,INPUT,SELECT,OPTION태그

태그란? form 태그는 웹 페이지에서의 입력 양식을 의미합니다. 예를 들어 로그인 창, 회원가입 창이 이에 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. 태그 속성 name : 폼의 이름을 정할 수 있습니다. action : 폼 데이터가 전송되는 백엔드의 url을 정할 수 있습니다. accept-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다. target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정할 수 있습니다. method:폼을 서버에 전송할 http 메소드를 정합니다.(GET, POST) FORM을 구성하는 태그들 { 태그} input ..
국비지원수업 2022. 12. 21. 18:49
40일차[HTML/CSS] (3)-box-sizing:border-box

box-sizing이란? box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지 정하는 속성입니다. width와 height는 요소의 콘텐츠의 크기를 지정합니다. 따라서 테두리가 있는 경우에는 테두리의 두께로 인해서 원하는 크기를 찾기가 어렵습니다. box-sizing 속성을 border-box로 테두리를 포함한 크기를 지정할 수 있기 때문에 예측하기가 더 쉽습니다. box-sizing:border-box를 사용하지 않았을 때 css는 기본 설정 값은 content-box입니다. 따라서 초기 설정에서 width,height를 설정해도 border, padding, margin은 따로 계산되기 때문에 사용자가 width를 100px로 설정해도 설정값보다 영역이 더 커지게 되어 레이아웃을 잡기가 어..
국비지원수업 2022. 12. 19. 20:58
40일차[HTML/CSS] (2)-블록 요소와 인라인 요소

HTML 요소의 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display라는 속성을 갖고 있습니다. 이 display의 속성 값으로는 블록(block)과 인라인(Inline) 값을 갖고 있습니다. 1. 블록 속성 (BLOCK ELEMENT) 블록(block) 요소는 언제나 새로운 라인에서 시작합니다. 해당 라인의 모든 너비를 차지합니다. 블록 요소는 기본 값으로 width: 100%, height : auto와 같은 css 속성을 갖고 있다고 생각하면 됩니다. padding, margin으로 상하좌우 여백을 지정할 수 있습니다. 블록 요소는 보통 레아이웃을 잡을 때 자주 사용됩니다. 블록 요소의 종류:, , , , , 요소는 display 속성 값이 블록인 대표적인..
국비지원수업 2022. 12. 19. 20:56
40일차[HTML/CSS] (1)-ID,CLASS 선택자

class선택자 class선택자는 태그에 이름을 지정해서 html태그에 css문법을 적용할 수 있습니다. class 선택자 사용방법 class선택자는 html에 class=”클래스명”으로 클래스의 이름을 지정해줄 수 있습니다. 이렇게 설정한 클래스를 css에서. 클래스명으로 사용할 수 있습니다. [html태그] [css] .gAttr{ color:red; } id 선택자 id선택자는 id=”id명”으로 id명을 정할 수 있습니다. css에서는 #아이디명 으로 불러올 수 있습니다. id명은 클래스명과 다르게 원칙적으로는 페이지 내에서 한 번만 사용할 수 있습니다. [HTML] id선택자 [CSS] #idAttr{ color: blue; } 실행 결과
국비지원수업 2022. 12. 19. 20:52
[38일차]프론트엔드(2)-HTML태그(<h1>,<p>,<br>,<hr>,<ul>,<ol>,<li>,<a>)

안녕 안녕 안녕 안녕 안녕 태그는 제목을 나타내는 태그이다. 숫자가 작아질수록 글자의 크기가 줄어든다. 실행 결과 안녕 태그는 단락 태그이다. html, head, body 태그로 구성되며 head 태그는 문서의 설정 정보, body 태그는 문서의 컨텐츠(내용)을 포함하는 요소들로 구성됨. html은 HyperText Markup Language 의 약자.프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 이는 개발자로 하여금 복잡하게도 간단하게도 프로그래밍 할 수 있습니다. HTML은 elements(요소)로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다. ..
국비지원수업 2022. 12. 15. 18:33
Prev 1 2 3 4 5 ··· 10 Next