NewBean의 웹과 콩나무
close
프로필 배경
프로필 로고

NewBean의 웹과 콩나무

  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
  • 홈
  • 방명록
  • 깃허브
  • 포트폴리오
콘텐츠 카테고리

콘텐츠 카테고리

콘텐츠 카테고리 1. 콘텐츠 카테고리 - HTML5 부터 비슷한 특징을 가진 요소끼리 묶어 7가지 카테고리로 세분화함 콘텐츠 설명 메타데이터 콘텐츠 (Metadata Content) 문서의 메타 데이터(정보), 다른 문서를 가리키는 링크 등을 나타내는 요소 플로우 콘텐츠 (Flow Content) 웹 페이지상에 메타데이터를 제외하고 거의 모든 요소. (보통 텍스트 or 임베디드 콘텐츠를 포함) 섹션 콘텐츠 (Section Content) 웹 문서의 구획(Section)을 나눌 때 사용 헤딩 콘텐츠 (Heading Content) 섹션의 제목(Heading)과 관련된 요소 프레이징 콘텐츠 (Phrasing Content) 문단에서 텍스트를 마크업 할 때 사용 임베디드 콘텐츠 (Embedded Content..

  • format_list_bulleted HTML+CSS
  • · 2023. 6. 1.
  • textsms
타이머 함수

타이머 함수

타이머 함수 1. 타이머 함수 - 특정 시간에 코드를 실행하거나 일정한 간격으로 코드를 반복 실행하는 기능 제공함 2. setTimeout 함수 - 일정 시간 경과 후, 특정 코드 블록 or 함수를 실행하는 기능 제공함 setTimeout(callback, delay); - callback : 지정된 시간이 경과 후, 실행할 콜백 함수 - delay : 콜백 함수를 실행하기까지의 지연 시간을 밀리초(Millisecondes) 단위로 나타냄 (지연 시간 후, 콜백 함수 실행) - clearTimeout(id) 함수를 사용하여 실행되고 있는 timeout을 중지 - 예시 - setTimeout 함수로 인하여 그 뒤의 console.log가 먼저 실행한 후, 지연시간 4초 뒤에 Callback함수에 있는 a ..

  • format_list_bulleted JavaScript
  • · 2023. 5. 15.
  • textsms
counter 속성

counter 속성

● counter-reset 속성 - 카운터를 초기화하기 위한 속성 - counter-reset : [카운터명] [정수] ● counter-increment 속성 - 카운터를 증가시키기 위한 속성 - counter-increment : [카운터명] [정수] - 정수값은 카운터의 증가 배율임 ● counter( ) 속성 - 카운터를 사용하기 위한 속성 - 함숫값에는 카운터명, 카운터 스타일, 문자열이 들어올 수 있으며 쉼표로 구분

  • format_list_bulleted CSS 사전
  • · 2023. 5. 9.
  • textsms
order 속성

order 속성

● order 속성 - display: flex 일 때, 출력 순서를 변경하기 위해 사용

  • format_list_bulleted CSS 사전
  • · 2023. 5. 1.
  • textsms
플렉서블 박스 (Flexible Box)

플렉서블 박스 (Flexible Box)

플렉서블 박스 (Flexible Box) 1. 플렉서블 박스 - 박스 요소들을 다양하고 자유롭게 조작 및 배치할 수 있는 기술 - 다른 속성들과 달리 박스의 배치 순서를 변경하거나 자유롭게 바꾸는 것이 가능 ※ 부모 박스를 플렉서블 박스, 그의 자식 박스를 플렉스 아이템이라고 함 ※ 자세한 내용은 Front-End Study/HTML+CSS에서 flex 관련 속성 정리 참조

  • format_list_bulleted 반응형 웹
  • · 2023. 5. 1.
  • textsms
뷰포트 (Viewport)

뷰포트 (Viewport)

뷰포트 (Viewport) 1. 뷰포트 - 화면에서 실제 내용이 표시되는 영역 - 뷰포트는 메타 태그를 이용해 화면의 크기 or 비율을 조절 2. 뷰포트 속성 속성명 속성값 속성 설명 width device-width, 양수 뷰포트의 너비를 지정 height device-height, 양수 뷰포트의 높이를 지정 initial-scale 양수 뷰포트의 초기 배율 지정 (기본값 1) (축소 < 1 < 확대) user-scalable yes, no 뷰포트의 확대/축소 여부 지정 minimum-scale 양수 뷰포트의 최소 축소 비율 지정 (기본값 0.25) maximum-scale 양수 뷰포트의 최대 확대 비율 지정 (기본값 5.0)

  • format_list_bulleted 반응형 웹
  • · 2023. 5. 1.
  • textsms
  • navigate_before
  • 1
  • ···
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • ···
  • 33
  • navigate_next
공지사항
  • 문의 (juv6262@naver.com)
전체 카테고리
  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
최근 글
인기 글
최근 댓글
태그
  • #정보처리기사
  • #Java
  • #리눅스
  • #Vue.js
  • #JavaScript
  • #DBMS
  • #Git & GitHub
  • #html+css
  • #react
  • #Python
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

개인정보

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

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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