| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 웹 사이트
- 프론트엔드
- 웹 접근성
- 웹 표준
- flex box
- JavaScript
- 티스토리 블로그 대행
- Shadow DOM
- 성장
- HTML
- web
- ChatGPT
- CSS
- 회고
- ai 감정
- 네이버 티스토리 옮기기
- AI
- Label
- google ai essentials
- Obsidian Graph View
- 코멘토
- 스프린트
- 직무 체험
- 개발자
- first-child
- 멋쟁이사자처럼
- 웹
- 스크린 리더
- 블로그 포스팅 대행
- IT
- Today
- Total
목록web (3)
ohjungho 님의 블로그
자바스크립트를 처음 접하는 사람들을 위해, 또는 "문법부터 차근차근 배워야 하나?"라고 고민하는 사람들을위해 이렇게 말하고 싶다. "김치볶음밥을 잘 만들고 싶다고 해서 쌀의 품종부터 공부할 필요는 없다"쌀은 밥 짓다 보면 자연스럽게 배우는 거고, 진짜 중요한 건 "맛있게 먹히는 요리"를 만드는 것이다. 웹 개발도 마찬가지이다. 변수, 자료형, 연산자 같은 기본기야 당연히 중요하지만, 처음부터 문법만 주구장창 학습하면 재미가 없다. 그래서 나는 최소한의 문법을 학습하고, 직접 웹이 '움직이는 걸 먼저 경험하고' 그 원리를 하나씩 짚어나가는 방식(조금씩 구현해 나가면서)을 추천한다. JavaScript(자바스크립트)는 웹 페이지를 동적이고 상호작용할 수 있게 만들어주는 프로그래밍 언어이다. HTML이 웹 페..
구조적 가상 클래스구조적 가상 클래스(structural pseudo classes)는 CSS에서 id, class 등의 선택자를 사용하지 않고 요소를 선택할 수 있다. 이렇게 하는 이유는 코드를 효율적으로 작성하기 위함이다. 학교에서 수학 문제를 앞에 나와서 풀 사람을 구할 때 선생님께서 이름을 부를 수도 있지만 번호로 부를 때도 있는 것처럼 태그도 id나 class 같은 이름이 아니라 가상 클래스로 불리는 것이다. 대표적인 구조적 가상 클래스는 first-child, lats-child, nth-of-type, only-of-type이다. first-child를 학습할 때 개념에서 혼란이 왔다. 개념 자체는 어렵지 않지만 나는 학습을 할 때 원리와 이해를 바탕으로 하기 때문에 문장을 이해하고 코드를..
HTML 태그태그를 표시하는 방법은 총 두 가지이다.첫 번째는 시작 태그와 종료 태그가 모두 있는 형태이다. 태그와 태그 사이에 요소가 놓이게 된다. 요소 두 번째는 닫는 태그가 없는 형태이다. 이를 자체 닫기 태그(self closing tag)라고 부른다. img, input, link 등이 있다. 대표적인 태그h : 제목 태그br , p , div, span : 순서대로 줄 바꿈(br), 문단 지정(p), 영역 지정(div), 범위 지정(span)link : 현재 문서와 외부 소스를 연결해 주는 태그img : 이미지를 나타내는 태그form : 폼(입력 양식)을 만드는 태그button : 버튼을 만드는 태그ol, ul, li : 리스트를 만드는 태그 h 태그h 태그는 heading의 첫 자를 따서..