728x90 DEV35 DOM & EVENT 📕 DOM이란?Document Object Model의 약자이며, 직역해보자면 문서의 객체 모델이라고 할 수 있다. 문서의 객체는 html이나 body 같은 html문서의 태그들이 자바스크립트가 이용할 수 있는 객체로 만들어진 것을 의미한다. HTML : 웹페이지 텍스트 문서를 작성할때 사용하는데, 기본 토대가되는 역할을 한다. CSS : HTML로 작성된 문서를 스타일링해주는 역할을 한다. JS : 동적인 페이지를 구성할 수 있게 해주는 역할을 한다. 📖 왜 동적인 구성을 위해 JS가 나오게 된걸까?CSS,HTML은 프로그래밍 언어가 아니기 때문에 논리적인 처리를 할 수가 없는데, JS는 논리적 로직을 짤 수 있다.📕 DOM TREE 트리구조 돔이라는 것이 객체에 접근을 하는데,웹페이지 HTML을 계층.. 2024. 10. 20. Responsive Web : 반응형 웹사이트 Responsive Web 이란?반응형웹을 뜻하며, 하나의 웹사이트에서 PC,스마트폰 테블릿 PC등 접속하는 디스플레이에 따라 화면의 크기가 자동으로 변화하는 웹페이지를 의미한다. 왜 반응형으로 웹을 만들어야 하는가?유지보수가 간편모바일 사용점유율의 증가검색엔진 최적화(SEO)가 가능미래지향적 기술Media Query미디어쿼리라는 것은 반응형 웹을 구형하는 CSS technique이다. 특정 조건에서는 어떤 CSS를 적용 하라는 규칙을 줄 수 있는데, 이때 CSS @media라는 문법으로 작성할 수 있다. 예를들면 아래와 같은 식으로 표현할 수 있다.@media only screen and (max-width:480px){ body{ font-size: 12px; }}@media: media.. 2024. 10. 20. CSS : Layout의 모든 것 📌layout 이란?웹사이트를 구성하는 요소들을 배치할 공간을 분할하고 정렬하는 것이다.display는 layout을 적절하게 조정하는 중요한 속성이라고 볼 수 있다. 모든 요소들은 속성에 의거하여 기본값을 가지고있는데, 기본값은 대부분 block 혹은 inline 요소들로 구성되어있다. block요소는 block-level요소라고 불리며, line요소는 inline-level이라고 말한다.📌block div 태그는 block-level의 표준이다. 무조건 한 줄을 점유하고 있기 때문에block-level은 새로운 줄에서 시작하며, 왼쪽에서 오른쪽으로 최대한 확장된다. ```- width/height 적용불가- margin/padding-top/bottom 적용불가- line-height를 원하는.. 2024. 10. 20. Semantic Web과 Semantic Tag 📕 1. Semantic Web?Semantic은 사전상으로 "의미론적인, 의미의"라는 뜻을 가지고 있다.따라서 Semantic Web이라 함은 "의미존적인 웹"을 가리키며, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.Semantic Web의 목적인터넷이 폭팔적으로 보급되고 웹상에 축적되는 정보의 양이 방대해짐에 따라서 정보 검색시, 불필요하거나 덜 연관성있는 정보를 여과할 필요성이 대두되었다.단순히 사람만이 웹의 정보를 파악하는 것이 아니라 자동화된 기계가 그 의미를 해석하고 정보간의 관계를 이해할 수 있도록 하는 것이 시맨틱 웹의 목적이다.기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web이다.검색엔진에 노출되지 않는 정보는 존재 의미가 없는 것이나 다름없다. .. 2024. 10. 20. [Github] git token : personal access (깃 토큰 인증) / git push error 해결 에러내용remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.fatal: Authentication failed for 'https://github.com/camilleson/test1.git/'에러원인Support for password authentication was removed on August 13, 20212021년.. 2024. 10. 20. JavaScript : Object 📌 Object: 객체, 참조형 데이터 타입의 한종류. 여러종류의 데이터를 묶음으로 관리하는데이터 타입object는 중괄호로 시작하고 key가 있고, key에 해당하는 데이터, 또 다른 key가 있고, 또 다른 key에 해당하는 데이터로 구성되어 있다.{name: 'Camille', isDeveloper: true}📗 Array와 Object의 비교✔ Arraylet myself = [ 'Camille' 'Republic of Korea' 'Seoul' ['fashion', 'art']]✔ Objectlet myself = { name: 'Camille', location:{ country: 'Republic of Korea', city: 'Seoul'}, interest: ['fas.. 2024. 10. 20. 이전 1 2 3 4 5 6 다음 728x90 반응형
