본문 바로가기

전체 글402

기본 태그 제목 제목 단락구분 내용 둘은 결과 화면에서 단락을 구분해주는 것은 같지만 는 닫는 태그가 있어 구획을 구분해주고 은 그렇지 않기 때문에 CSS style을 적용하기 어려움. 따라서 CSS를 쓸 땐 를 사용해야 함. 인용 인용구 다른 텍스트에 비해 들여쓰기가 된 형태로 써지며, 시각장애인의 접근성에서도 다른 텍스트와 구분을 한다. 굵게 굵게할 텍스트 굵게할 텍스트 두 태그의 차이는 태그는 단순히 서식만 굵게 바꾸는 것이고 은 기능적으로 구분해준다. 시각장애인용 접근성 등에서도 구분하기 때문에 텍스트를 읽을 때 강조해서 읽어준다. 기울임 이탤릭체 이탤릭체 em : 문장의 흐름상 특정 부분을 강조하고 싶을 때 // 특별히 강조하고 싶은 곳 i : 마음 속의 생각이나 용어, 관용구 등을 강조할 때 // 단순히.. Programing/HTML 2024. 2. 24.
티스토리 글쓰기 에디터 단축키 굵게 : ctrl + b 기울임 : ctrl + i 밑줄 : ctrl + u 취소선 : ctrl + alt + j 글자색 : ctrl + alt + [ 배경색 : ctrl + alt + ] 링크삽입 : ctrl + k 임시저장 : ctrl + s 제목(h1) : alt + shift + 2 제목(h2) : alt + shift + 3 제목(h3) : alt + shift + 4 문단(h7) : alt + shift + 7 폰트 변경 : ctrl + alt + t 제목 변경 : ctrl + alt + 1 본문 변경 : ctrl + alt + 2 인용 변경 : ctrl + alt + 3 목록 변경 : ctrl + alt + 4 정렬 : ctrl + alt + 5 코드블럭 : ctrl + alt + , 단축키.. IT/Tistory 2024. 2. 24.
웹 문서의 구조 HTML 태그는 태그의 이름만 보더라도 그 의미를 알 수 있어 시맨틱(semantic) 태그라고 한다. 웹 페이지가 모두 다르게 보이지만 기본 골격은 기능적으로 위의 범위를 크게 벗어나지 않는다. 웹 문서의 구조를 만드는 주요 시맨틱 태그 꼭 시맨틱 태그를 이용하여 문서를 작성할 필요는 없다. 하지만 시맨틱 태그를 이용하여 문서를 구조화시키면 가독성이 올라가며, 웹 문서 내의 검색엔진을 활용할 때도 본문 내에서만 키워드를 찾게 할 수도 있어 웹사이트의 효율성이 높아진다. header 사이트의 헤더는 주로 맨 위쪽이나 왼족에 있으며, 검색창이나 사이트 메뉴가 삽입된다. nav 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만들 때 사용한다. nav 태그는 웹 문서의 위치에 영향을 .. Programing/HTML 2024. 2. 24.
HTML 문서의 기본 구조 Programing/HTML 2024. 2. 24.
웹 개발 시작하기 - 환경 세팅하기 비주얼 스튜디오 코드 설치하기 코딩을 돕는 폰트 설치하기 (D2 Coding) github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com 3. 확장프로그램 라이브 서버 설치하기 Programing/HTML 2024. 2. 24.
부정적인 감정은 전염성이 강하다 감정 전염 또는 정서 전염(emotional contagion)이란 다른 사람의 얼굴 표정, 말투, 목소리, 자세 등을 자동적이고 무의식적으로 모방하고 자신과 일치시키면서 감정적으로 동화되는 경향을 의미한다. 감성지능(Emotional Intelligence)의 저자 Daniel Goleman은 "인간은 자신의 감정적인 상태를 다른 사람과 나누고자하는 본성을 지니고 있다."며 감정의 전염에 대해 언급한 바 있다. - Wikipedia 와튼 비즈니스 스쿨 Sigal Barsade 교수의 리더의 감정전염 구성원들은 일반적으로 리더의 감정을 파악하는데 주의를 기울이고, 이에 민감하게 반응하기 때문에 리더는 구성원들의 감정 형성과 팀 분위기 형성에 큰 영향력을 행사한다. Ripple Effect (물결효과) B.. Hobby/Reading 2024. 2. 24.
웹 개발(Web development)이란? 웹 개발의 의미 웹사이트를 만드는 것 과거처럼 정보를 보여주기만 하는 Static site에서 현재는 친구추가, 좋아요, 댓글 등 이용자와 상호 소통하는 Dynamic site의 형태로 발전했기 때문에 웹 사이트를 개발한다고 표현하는 것. Server와 Client Web site를 담고 있는 컴퓨터를 server라 하며, 이를 브라우저로 읽는 PC, 태블릿, 스마트폰 등의 기기를 Client라 한다. Front-end와 Back-end Front-end : 웹 사이트. 웹 브라우저에서 읽어지는 site를 만든다. 주로 HTML, CSS, JavaScript가 사용된다. Back-end : 회원정보나 게시글 같은 Database를 다룬다. JAVA, PHP, Python 등이 사용된다. (예) Space.. Programing 2024. 2. 24.
CSS Grid 그리드의 구성 요소 - 좌측은 그리드 부모 컨테이너 - 우측은 그리드 자식 컨테이너 (셀) Programing/CSS 2024. 2. 24.
Comparison operators(비교 연산자)와 Boolean 일 때 화면에는 true가 출력된다. 여기서 ===는 비교연산자이며, 좌항(1), 우항(2)이라는 2항 연산자를 갖게 된다. 그리고 연산식에 따라 true, false로 출력되는 이것을 Boolean이라 한다. 참고 ▶ 지금까지 알아 본 데이터 타입의 종류 * number * string * boolean 출처 : 생활코딩 WEB2 - JavaScript Programing/JavaScript 2024. 2. 24.
특정 class나 ID를 지목하기 document.querySelector('body') Programing/JavaScript 2024. 2. 23.

티스토리툴바