반응형 웹 기초/HTML, CSS, Javascript5 JavaScript 자료형, 조건문, 반복문, 함수, 백틱 - 모든 브라우저는 자바스크립트를 이해할 수 있게 설계되었고, 이것이 표준이 되었다. - 자바와 자바스크립트는 관계가 없다. 자바스크립트의 작성 자바스크립트는 기본적으로 head에서 script 문 안에 작성한다. : 기본적인 구문이다. 이것은 hey 함수를 호출하면 안녕이라는 메시지를 띄운다. : onclick 을 통해, 버튼을 누른다면 hey를 호출시킨다. 자바스크립트의 기초 Chrome의 console에서 작성하였음. let : 자료형 변수 예제코드 let a = 3; // 변수를 처음 선언할 때 let을 써줌. 자료형은 써주지 않아도 됨. let b = 2; console.log(a + b); // System.out.println()과 같은것 b = 7; console.log(a + b); 문자.. 2021. 6. 12. Bootstrap 부트스트랩은 사전에 정의된 CSS 파일을 사용할 수 있다. 간단한 토이 프로젝트를 시행할 때 사용하면 편리하다. 부트스트랩 사용하기 먼저 head에 해당하는 code를 삽입한다. 이 코드를 삽입함으로서 부트스트랩의 시작 탬플릿을 이용 할 수 있다. 아래의 사이트를 가보자. https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 이곳에서 필요한 css 파일을 가져다가 사용할 수 있다. 필요한 css의 코드를 가져.. 2021. 6. 12. CSS 기초 CSS 작성법 - 안에 로 공간을 만들어 작성 - 적용할때는 class = "style 이름" 으로 사용. - 아래 코드로 살펴보자 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 폰트 변경 - 구글에서 폰트를 다운받아 가져오는 형식이다. - https://fonts.google.com/?subset=korean - 이곳에서 원하는 폰트를 누르고 select this style 하면 CSS 코드가 제공된다. - 아래와 같이 적용한다. Tip - div 의 크기를 확인하기 위해, div를 처음만들때 background-color로 확인하면 편하다. - 주석을 편하게 입력하기 위해서 Ctrl + / 를 입력하면 자동으로 맞는 주석으로 입력해준다. - CSS 부분 : /* */, htm.. 2021. 6. 8. HTML 기초 HTML 태그 - HTML은 크게 head와 body로 구성되며, head 안에는 페이지의 속성정보를, body안에는 페이지의 내용을 담는다. - Head 안에 들어가는 대표적인 요소 : meta, script, link, title - 페이지의 속성을 정의하거나, 필요한 스크립틀을 호출한다. - Body 안에 들어가는 대표적인 요소 : 아래 html 코드를 확인하자. 구역을 나누는 태그. 그룹화 문단 변경 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. h2는 소제목입니다. h3~h6 span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다.. 2021. 6. 8. 브라우저란? 브라우저 - HTML을 받는 경우, 서버에게 파일을 요청하고, 받은 HTML을 그려주는 것. - 데이터만 받는 경우, 필요한 데이터만 다운받아 바꾸며, JSON 형식으로 받게된다. HTML / CSS / JS HTML : 뼈대. 초록색 박스는 돋보기 모양 옆에 있어. 사전은 뉴스 옆에있어 CSS : 사전 폰트 사이즈는 20이야, 폰트는 굴림체야. JS : 움직이는것. 이동하는것. 2021. 6. 8. 이전 1 다음 반응형
