본문 바로가기

반응형

코딩

HTML 파비콘(Favicon) 적용하기 HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다. -mdn Link: : 외부 리소스 연결 요소 from MDN Link: Link types from MDN link는 스타일 시트 연결할 때만 사용했던 것 같은데 사이트의 아이콘도 이 link태그를 이용해서 표시한다고 한다. relationship은 "icon"이며 href로 해당 아이콘의 위치를 나타내주면 된다. 단, 작성일 기준으로 Opera Android 및 Safari on iOS는 icon을 지원하지 않는다. Safari on iOS는 icon 대신 rel="apple-touch-icon"을 사용해.. 더보기
node js 업데이트가 안될 때, [문제점] node js를 업데이트 하려고 하는데 다음과 같은 문제점이 발생했다. installed : v16.17.1 to /usr/local/bin/node active: v10.19.0 at /usr/local/opt/node@10/bin/node 16.17.1 버전이 설치는 되었지만 10.19.0 버전이 활성화 되어있어서 node -v로 버전 검색을 했을 때 10.19.0 버전이 출력되었다. [해결 방법] symbolic link 변경. ln -sf installed경로 active경로 위와같이 입력하여 설치된 것과 활성화 된 것을 일치시켰다. 더보기
[HTML, CSS] Colors that brands use 브랜드의 색들 Draft date: 2022.09.12. Recentyle Update: 2022.10.10. 강의명: 노마드코더 코코아 클론코딩 챌린지명: 노마드코더 코코아 클론 챌린지 최종 버전 보기 [HTML] Colors that brands use 네이버 초록 #16CE5F 카카오톡 노랑 #FAE100 배달의민족 민트 #2AC1BC 당근마켓 주황 #FF7E36 [CSS] body { width: 100vw; height: 100vh; display: flex; flex-direction: column; align-items: center; } h1 { font-size: 2.4em; font-weight: 700; margin-top: 15px; margin-bottom: 30px; } main { displ.. 더보기

728x90
반응형