도로그
close
프로필 배경
프로필 로고

도로그

    • 분류 전체보기 (88)
      • JAVAs (2)
      • JAVA (16)
      • HTML (43)
        • Html (4)
        • Css (8)
        • JavaScript (7)
        • Jquery (1)
        • React (5)
        • SQL (12)
        • Java (5)
      • Spring Boot (4)
      • SI (8)
      • 프로젝트 (0)
        • 팀 프로젝트 (0)
        • 개인 프로젝트 (0)
      • Git (3)
  • mode_edit_outline글작성
  • settings환경설정
  • 홈
  • 태그
  • 방명록
[JavaScript] 배열, 배열함수, 내장함수, 반복문 (if switch, for, for while, array,document)

[JavaScript] 배열, 배열함수, 내장함수, 반복문 (if switch, for, for while, array,document)

exam5 html DOCTYPE html> Document #output { /* 가로 */ width: 700px; /* 중앙정렬 */ margin: 30px auto; /* 배경색 */ background-color: black; /* 글자색 */ color: yellow; /* 글자 중앙 정렬 */ text-align: center; /* 글자 크기 */ font-size: 2em; } js /* 조건문 연습 */ // 1) 입력값이 y이면 글쓰기 라고 출력하고 // y가 아니면 글수정이라고 출력하기 // 힌트 : 조건문 // 새로운 출력방법(3) : // console.log(값) 대신에 아래 코드를 사용하면 화면에 출력됨 // 값이 웹브라우저에 출력됨 // document.querySelect..

  • format_list_bulleted JavaScript
  • · 2023. 8. 18.
  • textsms

[JavaScript] for문, 반복문 예제

기본함수 입력받는 함수 prompt 특수문자는 \붙이기 // 문자열 특수문자 : \(역슬래쉬) // 특수문자 사용법 : \영문자 소수점 자르기 함수 : 숫자.toFixed(자를자리수) 자르기 함수 .split("자를문자") for문 html DOCTYPE html> Document js // 반복문 : for문(80%) // 왜? 같은 명령문을 많은 횟수를 출력하고 싶을 때 사용 // 예) alert("Hello"); // 10번출력 // 사용법 : 초기값을 조건식에 넣어 판단해서 참이면 반복하고, // 거짓이면 중단함 // for(초기값; 조건식; 증감식) { // 반복문(문장); // } // 예제) 안녕하세요를 3번 출력하세요 // 단, 반복문을 사용하세요 // for(let i=0; iDOCTYP..

  • format_list_bulleted JavaScript
  • · 2023. 8. 17.
  • textsms
[JavaScript] 기본 사용법, 입력, 출력, 자료형, 사용법, 조건문, 연산자

[JavaScript] 기본 사용법, 입력, 출력, 자료형, 사용법, 조건문, 연산자

alert console.log console.log 는 자동 줄바꿈 alert는 \n 적어야함 html DOCTYPE html> Document js // TODO: 화면 출력 방법 (결과 확인용) // 1) 사용법 : alert("문자열") // 코딩 용어 : ;(세미콜론), :(콜론), &(엔퍼센트) // 자바스크립트(js) 명령문(문장)의 끝에 ;(세미콜론) 붙임(생략가능) // 주석 단축키 : ctrl + / alert("Hello Javascript"); // 2) 사용법 : console.log("Hello Javascript"); 결과 변수, 상수, 산술 연산자 html DOCTYPE html> Document js // 주석 단축키 : ctrl + / // 자바스크립트 주석 : // //..

  • format_list_bulleted JavaScript
  • · 2023. 8. 16.
  • textsms
[CSS]

[CSS]

ani transition (애니메이션효과) html DOCTYPE html> Document css .box { /* 가로 */ width: 100px; /* 세로 */ height: 100px; /* 배경색 */ background-color: blue; /* 외곽선 */ border: 1px solid black; /* 바깥여백(축약식) - 중앙정렬 */ /* margin: 상하 auto */ margin: 20px auto; /* TODO: 애니메이션 추가 */ /* transition-property: 애니메이션효과를 부여할 속성 나열 */ /* 사용법 : trasition-property: 속성, 속성2 ... */ transition-property: width, height; /* 지속시간..

  • format_list_bulleted Css
  • · 2023. 8. 16.
  • textsms
[CSS] 홈페이지 만들기

[CSS] 홈페이지 만들기

기본 속성들 padding(안쪽 여백) margin(바깥 여백) width(가로) height(세로) float(배치) clear(float 초기화) Homepage Layout html DOCTYPE html> Document 사이트 제목 사이드바 본문 꼬리말 css /* 여백 초기화 */ * { padding: 0; margin: 0; } /* 전체 페이지 크기 정하기 */ #container { /* 가로 */ width: 1200px; /* 중앙 정렬 auto (오른쪽/왼쪽 여백을 똑같이 정함(중앙 정렬이 됨))*/ /* 사용법 : margin: 상/하 auto */ margin: 20px auto; } /* 머리말 */ #header { /* 세로 */ height: 120px; /* 임시 */..

  • format_list_bulleted Css
  • · 2023. 8. 14.
  • textsms
[CSS] position

[CSS] position

inline html DOCTYPE html> Document 대상 객체 대상 객체 대상 객체 css /* 자동 정렬 : ctrl + alt + l */ /* inline-block(인라인블럭) : div 속성 + 줄바꿈 없음(속성) */ /* 활용 : 세로배치 -> 가로배치 디자인 적용하고자 할때 사용 */ /* 예) ul - li(block 속성, 세로메뉴) -> 가로메뉴(위의 속성 고려) */ .box { /* 가로크기 */ width: 100px; /* 세로크기 */ height: 100px; /* 배경색 */ background-color: red; /* 바깥여백 */ margin: 20px; /* display 속성 */ display: inline-block; } .box2 { /* 가로크기..

  • format_list_bulleted Css
  • · 2023. 8. 11.
  • textsms
  • navigate_before
  • 1
  • ···
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • ···
  • 15
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (88)
    • JAVAs (2)
    • JAVA (16)
    • HTML (43)
      • Html (4)
      • Css (8)
      • JavaScript (7)
      • Jquery (1)
      • React (5)
      • SQL (12)
      • Java (5)
    • Spring Boot (4)
    • SI (8)
    • 프로젝트 (0)
      • 팀 프로젝트 (0)
      • 개인 프로젝트 (0)
    • Git (3)
최근 글
인기 글
최근 댓글
태그
  • #함수
  • #자료형
  • #HTML
  • #SQL
  • #클래스
  • #자바
  • #인텔리제이
  • #CRUD
  • #변수
  • #CSS
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.