본문 바로가기

728x90

전체 글

(7)

시맨틱 태그(Semantic Tag) 시맨틱 태그란?시맨틱 태그란 의미가 있는 태그이다. header, main, footer, section, article과 같은 태그 자체에 의미가 담긴 태그를 말한다.시맨틱 태그를 왜 사용해야 할까?- 검색엔진 최적화(SEO)검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석한다. 그럴 때, 의미있는 태그를 사용하면 좀 더 정확한 구조로 분석할 수 있도록 도울 수 있다.- 쉬운 소스코드 구조화브라우저가 웹 문서의 소스 코드를 보고 어느 부분이 헤더인지, 어느 부분이 본문인지를 쉽게 알아낼 수 있다. 웹 문서를 분석하는 서비스 (ex. 스크린 리더기) 같은 것들이 있을 때 분석하기 용이해진다.- 코드 가독성 향상여러 사람과 함께 작업을 할 때..

이벤트 버블링(Event Bubbling)과 캡처링(Event Capture) 이벤트 등록웹 어플리케이션에서 사용자의 입력을 받기 위해 필요한 기능이다. 대표적으로 addEventListener()는 웹 개발자들이 화면에 동적인 기능을 추가하기 위해 자연스럽게 접하게 디는 기본적인 기능이다.// 이벤트 등록add one item 이벤트 버블링(Event Bubbling)특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다.// 이벤트 버블링 위의 예제 코드를 실행하고 를 클릭하여 이벤트를 발생시키면 아래와 같은 결과가 콘솔창에 찍힌다.한 개의 div 태그만 클릭했는데 왜 3개의 이벤트가 발생할까? 그 이유는 브라우저가 이벤트를 감지하는 방식 때문이다. 브라우저는 특정 화면 요소에서 이벤트가 발생했을 때 그..

.gitignore가 적용되지 않을 때! .gitignore 파일은 Git의 root 디렉토리에 저장되어, Git Repository나 Staging Area에 추가되지 말아야하는 폴더나 파일을 정의하는 파일이다. .gitignore에 정의된 파일이나 폴더는 Staging 되지 않기 때문에 tracking 되지도 않는다. 그래서 git status를 이용했을 때 보이지 않는다.가끔 .gitignore를 설정해도 작동하지 않을 때가 있다. ignore처리된 파일이 자꾸 changes에 나온다. 이때는 git의 캐시를 삭제하고 커밋, 푸시하면 정리가 된다.$ git rm -r --cached .$ git add .$ git commit -m "fixed untracked files" 참조https://git-scm.com/docs/gitignore..

다크모드 CSS 요즘은 웹도 다크모드를 사용하는 사람이 많다.데스크탑이나 노트북에서는 시스템 내 다크모드 설정을 켜면 되지만,개발단계에서 간편하게 확인 할 때는 크롬 개발자 모드에 세로 ... 에 들어가서 도구 더보기(more tools)에 렌더링(rendering)을 켜면css 미디어 기능 prefers-color-scheme로 사용할 수 있다.다크 모드 개발시에 css에 미디어쿼리로 쉽게 개발 할 수 있다.@media (prefers-color-scheme : dark){ .nav{ background: #000000; color: white; }} 그리고 OS 애니메이션 기능을 꺼두었을 때 적용 방법은 아래와 같다.@media (prefers-reduced-motion){ css 작성} 출..

MySQL 가장 널리 사용되고 있는 관계형 데이터베이스 관리 시스템(RDBMS: Relational DBMS)오픈 소스, 다중 사용자와 다중 스레드를 지원여러 프로그래밍 언어를 위한 다양한 API 제공유닉스, 리눅스, 윈도우 등 다양한 운영체제에서 사용할 수 있으며, 특히 PHP와 함께 웹개발에 자주 사용오픈 소스 라이센스를 따르지만, 상업적 사용시 라이센스 구입 필요SQL 분류DML(Data Manipulation Language)데이터 조작 언어데이터를 조작(CRUD)할 때 사용되는 언어DML 구문이 사용되는 대상은 테이블의 행DML 사용하기 위해서는 꼭 그 이전에 테이블이 정의되어 있어야 함SQL문 중 SELECT, INSERT, UPDATE, DELETE가 이 구문에 해당트랜잭션이 발생하는 SQL도 이 DM..

Mac 맥에서 Xampp MySQL 설정하기 두번째 시련이 찾아왔다. MySQL 서버에 비밀번호를 걸고 싶은데... 아무리 구글링을 해도 터미널 제어만 나온다. 문제는 터미널에 아무리 mysql을 호출해도 그 녀석의 권한이 없다는 것. 대신 xampp내에서 설정하는 방법을 찾았다!!! 시작해보자. 우선 xampp를 실행한다. 서버도 실행한다. 그리고 브라우저에 localhost/phpmyadmin에 접속한다. 상단에 보면 사용자 계정이 있다. 들어간다. 이렇게 사용자 개요에 테이블이 나오는데 사용자명 root에 호스트명이 localhost에 권한 수정을 누른다. 나는 현재 비밀번호는 설정해둬서 암호란에 예가 나오지만 암호 설정을 안 했다면 아니오가 나올 것이다. 째든 권한 수정에 들어가서 상단에 있는 암호수정/Change password에 들어가 ..

Mac에 Xampp 설치하기 안녕하세요. 오늘은 php를 사용하기에 앞서 Xampp를 설치해 보겠습니다. 제 맥북은 intel이 장착된 구형 15인치 프로 모델입니다. 벌써 5년째 함께하고 있어요... 지겨워... OS 버전은 현 시각(2022.01.27) macOS Monterey 12.1이니 참고해주세요. 저도 처음엔 제대로 설치하지 못해서 많이 헤맸습니다만, 유튜브에 친절한 영상(링크)이 있어서 보고 참고했습니다! 링크 속 유튜버는 외국분이시고 영어로 설명하지만 얼마나 많이 봤는지 무려 한국어 자막이 있었습니다! 세계로 뻗어나가는 한국인...ㅎ 그럼 시작하겠습니다! 우선 Xampp홈페이지에 접속합니다.(링크) 상단에 보면 다운로드 탭이 있습니다. 클릭해 들어가시면 아래에 XAMPP for OS X라는 목록이 보입니다. 여기서 ..

이전 1 다음

728x90

티스토리툴바