시맨틱 태그를 써야하는 이유 간단하게 SEO(Search Engine Optimization)를 하기 위해서입니다.SEO란 말 그대로 검색 엔진 최적화인데요,구조화가 잘 된 웹사이트는 검색 엔진이 찾기 쉬워서 검색 상단에 노출될 가능성이 높습니다.결국 저희가 웹사이트를 만드려는 이유는 사람들이 내가 만든 서비스를 사용하게 하는 것이기 때문에,SEO는 더 많은 대상이 우리의 웹사이트에 방문할 수 있게 해줄 것입니다.   주요 시맨틱 태그의 종류 header페이지의 상단 부분으로, 메뉴나 로고등이 들어갑니다.  로고 메뉴 main페이지의 주요한 컨텐츠를 담습니다.  section주제별 콘텐츠들을 그룹을 정의합니다.  1 2 3  footerSEO 점수에 큰 영향을 미치는 요소로, 저작권 정보나 사업자 등록번..

Cascading이란?스타일 시트나 규칙이 서로 겹칠 때 어떤 걸 적용할 지를 정하는 것입니다.   Cascading 3요소 Specificity우선순위로 해석됩니다./* 1순위 - 인라인 스타일 *//* [HTML] *//* 2순위 - 아이디 선택자 *//* [HTML] *//* [CSS] */#test {}/* 3순위 - 클래스 선택자등... *//* [HTML] *//* [CSS] */.test{} 1순위는 인라인, 2순위는 아이디, 3순위는 클래스 이렇게 기억해두면 좋겠습니다.  Source Order여러개의 스타일시트가 적용되면 뒤에 오는 규칙을 우선으로 합니다. h1 { color:red;}h1 { color:blue;} 위를 적용한다면 h1의 결과는 파란색으로 나올 것입니다.  !import..

기존의 문제점노션에서 포트폴리오를 작성해서 자신만의 포트폴리오를 만드시는 분들이 요즘들어 더 많아지신 것 같습니다.그런데, 다 만들고나니 불편한 점이 있으실 겁니다.이런식으로 링크가 엉망이 되어서 공유가 된다는 점인데요,링크가 이렇게 복잡할 경우 몇가지 문제점이 있습니다. 방문자 혹은 방문 예정자에게 사이트 전체의 신뢰도가 떨어져 보일 수 있다.SEO가 제대로 되지 않을 수 있다.주소를 기억하기 어렵다. 해결방안 모색그래서 저는 이를 해결하기 위한 방법들을 찾아보았습니다.우피 (https://www.oopy.io/)Notion-Next.js-blog-starter-kit (https://github.com/2skydev/Notion-Next.js-blog-starter-kit)여기서 우피란 노션에 작성된..

코드잇 스프린트에 합격하고, 11월 28일부터 교육이 시작될 예정입니다.그래서 먼저 프리코스 강의를 들으면서 기본적인 자바스크립트 공부를 하였습니다.     기존에 자바와 C언어를 공부했었는데 자바스크립트도 비교적 쉽게 학습할 수 있었습니다.강의를 듣고나서 웹 실습환경이 주어져서 바로 실습이 가능하다는 점이 좋았습니다.또한 핵심적인 내용들을 잘 설명해주시기도 하셨습니다. 중간에 모르는 부분이 있었는데, 질문게시판을 통해 다른분들에게 여쭤보고 답변을 들을 수 있었는데 이러한 부분도 앞으로 적극적으로 활용하고 싶습니다. 교육이 진행되고나면 성실히 임해서 취업 역량을 빠르게 키워나가고 싶습니다.