일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- html 주석
- 자바스크립트 연산자
- javascript
- 자바스크립트 클로저
- css 포지션
- 프론트엔드
- 자바스크립트 생성자 함수
- 자바스크립트 promise
- javascript opreator
- 티스토리챌린지
- 자바스크립트 반복문
- 자바스크립트 프로미스
- CSS
- 자바스크립트 async await
- HTML
- 자바스크립트 스코프
- css display
- 오블완
- 자바스크립트 scope
- javascript closure
- css position
- css3
- html 코드
- 웹 개발 트렌드
- 자바스크립트 클래스
- 자바스크립트 상속
- 자바스크립트
- 자바스크립트 실행 컨텍스트
- javascript opreators
- front-end
- Today
- Total
목록전체 글 (119)
Multi Developer SuHo
안녕하세요 멀티 개발자가 되고 싶은 수호입니다. 오늘은 CSS에서 선택자와 결합자의 종류를 알아보겠습니다. 어려운 내용을 덜어드리면서 최대한 쉽게 설명해볼려고 노력중입니다ㅠㅠ 이해해주셨으면 합니다. 🫢🫢선택자의 종류 중 대표적인 3가지를 소개해보겠습니다. 우선 선택자의 대한 개념부터 살펴보시죠선택자란?🤔🤔 웹 페이지에서 특정 요소를 선택하여 스타일을 입히는 것을 말합니다. 말 그대로 "선택한 요소에다 스타일을 적용시킨다" 라는 것이죠. 태그 선택자, 클래스 선택자, id 선택자로 세 가지 종류가 있습니다. 각각 선택자 사용방법이 다르기 때문에 예시 코드를 보여드리면서 설명하겠습니다. 1. 태그 선택자태그 선택자란? 🤔🤔HTML 태그 이름을 직접 사용하여 해당 태그의 모든 요소를 선택합니다..
안녕하세요~ 이번에는 HTML과 CSS를 사용하여 간단한 게시판을 만들어 보았습니다. HTML 코드 게시판 글쓰기 번호 제목 작성자 작성날짜 ㅁ 10 제목입니다. 작성자 2024-01-20 9 ..
안녕하세요~ 이번에는 CSS 문법과 선택자, 결합자에 대해 알아보겠습니다. 먼저 CSS 문법입니다.문법은 어디에서나 쓰입니다. 영어에서도 문법이 있듯이 CSS에서도 문법이 있습니다. CSS 에서 문법이란?웹 페이지의 디자인을 꾸미는 CSS라는 언어를 사용할 때 지켜야 하는 규칙들을 말합니다.CSS 문법 기본 구조 /* 선택자 { 속성: 값;} */ 보통 이런 구조로 되어 있습니다. 여기서 선택자는 선택할 요소의 이름이 올 수 있고, HTML의 태그요소가 올 수도 있습니다. 속성에는 다양한 속성들이 있고 해당 속성의 값을 지정하거나 합니다. 예를 들면 이런식으로 말이죠 CSS 문법 기본 구조 예시 a { display : block; }" 태그의 diplay 라는 속성의 ..
안녕하세요~ 이번에는 CSS가 무엇인지, CSS가 어떤 역할을 하는지에 대해 알아보겠습니다. CSS란?Casecading style sheets의 줄임말로 HTML 문서를 작성하면 그 뼈대의 스타일(style) 말 그대로 디자인을 입혀주는 것이라고 생각하시면 됩니다.이런 웹페이지의 배경 색상이 CSS가 될 수 있겠죠?우리의 HTML문서의 스타일이 적용되는 과정은 바이트 코드 변환을 해서 태그 , 이후에 객체로 변환을 하고 노드라는 형태로 만듭니다.여기서 바이트 코드라는 것은 컴퓨터가 직접 이해할 수 있는 기계어와 우리가 작성하는 고급 언어 사이의 중간 단계라고 생각하시면 됩니다. CSS 렌더링 과정CSS 스타일 시트를 읽은 이후 CSS 노드와 HTML노드를 가지고 렌더링 노드를 생성해서 브라우저 ..
웹 개발 트렌드 12가지 인공지능, 머신 러닝 통합 - 인공지능(AI)과 머신러닝 통합은 사용자 경험을 개선하고 웹 개발 프로세스를 자동화하는 데에 도움을 주기 때문입니다. 반응형 웹` 디자인 - 반응형 웹 디자인은 여전히 웹 개발에서 중요한 트렌드 입니다. 현재 대부분 웹 사이트들은 사용자 화면과 디바이스 규격에 맞게 레이아웃이 자동으로 조정되어 나옵니다. 반응형 웹 디자인은 웹 사이트를 더욱 편하게 사용할 수 있고, 모든 사용자들에게 일관된 경험을 할 수 있기 때문입니다. 웹 접근성 강화 - 웹 접근성 강화를 준수하면 사회적 포옹성과 공정성을 강화할 수 있기 때문에 웹 접근성에 대한 인식을 중요시해야합니다. API-First 개발 API-First 개발은 애플리케이션 또는 서비스를 개발할..
인터넷, 우리 삶을 바꾼 거대한 연결망인터넷은 어떻게 시작되었을까?원래 인터넷은 핵전쟁이 일어나도 끊기지 않는 통신망을 만들기 위해 개발되었지만, 핵폭발에도 견딜 수 있도록 해저에 광케이블을 깔고, 전 세계를 연결하는 거대한 통신망을 구축했습니다.웹 사이트, 어떻게 만들어졌을까?인터넷이 만들어지고 얼마 지나지 않아, 팀 버너스 리라는 사람이 '웹'이라는 것을 만들었어요. 우리가 지금 보고 있는 웹사이트들이 바로 이 웹을 통해 연결되어 있습니다.웹을 만들기 위해서는 웹 서버(웹사이트를 저장하는 컴퓨터), 웹 브라우저(웹사이트를 보는 프로그램), 그리고 이 둘을 연결하는 특별한 규칙(프로토콜)이 필요했습니다. 인터넷이 우리 삶을 어떻게 바꿨을까?인터넷이 등장하기 전에는 책이나 신문처럼 물건을 직접 만들어서 ..