본문 바로가기

전체 글84

[JavaScript]문서 객체 모델 DOM 문서객체 Document Object : 태그를 자바스크립트에서 사용할 수 있는 객체로 만든 것 문서 객체를 조작 = 태그를 조작 Document Object Model : 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. window 객체의 document 프로퍼티를 통해서 사용할 수 있다. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미한다고 할 수 있다. * 출처 : 생활 코딩 문서 객체 선택 구분 메서드 설명 반환 타입 1개 document.getElementById(id) 태그에 부여된 id로 선택 단일 객체 document.querySelector(선택자) CSS선택자로 첫번째 요소만 선택 다수 document.getElementByName(.. 2020. 8. 21.
[JavaScript]JavaScript 시작하기 Javascript : 프로토타입 기반의 객체지향, 스크립트언어 식별자 : 자바스크립트에서 변수나 함수 등에 이름을 붙일 때 사용하는 단어 변수 : 값을 저장할때 사용하는 식별자 자바스크립트는 자료형(데이터타입)을 설정하지않고 val로 모든 변수를 선언한다. 자료형 데이터 타입 설명 Number(정수, 실수) 숫자나 산술 연산에 사용 String(문자열) “ ”나 ‘ ’로 감싸진 문자 Boolean(논리) true, false 값을 가지는 타입 Object(객체) 객체를 저장하기위한 데이터타입 null(참조 값이 없음) 객체가 다른 곳을 참조 되지 않았을 때의 값, 비어 있는 값 undefined(정의되지 않음) 변수가 선언되고 할당되지 않았을 때의 표시 값 함수 // 선언적 함수 function fun.. 2020. 8. 18.
[JAVA]CodeUp-1019.연월일 입력받아 그대로 출력하기 나의 풀이> import java.util.Scanner; public class Test1 { public static void main(String[] args) { Scanner scan = new Scanner(System.in); String a = scan.nextLine(); String[] b = a.split("\\."); System.out.println( String.format("%04d", Integer.parseInt(b[0])) + "." + String.format("%02d", Integer.parseInt(b[1])) + "." + String.format("%02d", Integer.parseInt(b[2]))); } } : 닷(.)을 기준으로 나눌때 (split) 는 .. 2020. 8. 17.
[HTML/CSS]네이버 메인화면 무작정 따라 만들어보기(레이아웃잡기 연습) HTML / CSS header 검색창 nav container Section 광고 뉴스 뉴스스탠드 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 언론사 오늘 읽을만한 글 메뉴2 메인글 서브글 서브글 서브글 글 글 aside 로그인 로그인 버튼 증시, 환율, 이슈 광고 쇼핑 쇼핑컨텐츠 쇼핑몰 쇼핑 쇼핑 쇼핑 쇼핑 쇼핑 쇼핑 쇼핑 쇼핑 쇼핑 footer 이벤트 이벤트 이벤트 공지사항 회사정보 aside,div,footer,header,nav,section { border: 1px solid black; } #wrap { width: 80em; height: 120em; margin: 0 auto; } #wrap > div,foote.. 2020. 8. 17.
[HTML/CSS] 로그인 폼 만들기 간단한 로그인 폼 예제입니다. 결과물) login.html 로그인 상태 유지 아이디 저장 개인정보보호를 위해 개인PC에서 사용해주세요. style3.css h6{ display: inline; color: red; font-size: smaller; } p{ font-size: small; display: inline; } #first{ font-size: smaller; color: rgb(54, 54, 54); } #information{ font-size: small; border: 1px solid black; display: inline; } #login{ margin-left: 5px; height:100%; width: 100%; background-color: red; color: whit.. 2020. 8. 16.
[HTML/CSS/JavaScript] 회원가입 폼 + 정규식 sign.html 회원가입 · 온라인 회원가입 작성 · 고객님의 정보는 개인정보보호정책에 의해 철저하게 보호됩니다. 사용자 ID 비밀번호 4~12자리의 영문,숫자,특수문자(!, @, $, %, ^,&,*)만 가능 비밀번호 확인 성명 · 띄어쓰기 없이 입력, 반드시 실명이어야 합니다! E-mail 메일 수신여부 · 할인 이벤트 정보 및, 할인쿠폰, 관심분야 들 꼭 필요한 정보를 빠르게 받아보실 수 있습니다. · 비밀번호 분실시 E-mail로 확인해 드리니, 정확한 E-mail주소를 기입 해주세요. 우편 번호 - 주소 휴대폰번호 - - style.css body > div { width: 55em; text-align: left; } #second_text { margin: 30px 0; } table td.. 2020. 8. 16.

티스토리툴바