나는 오늘도 멋있다

개발자가 사용자에게 보여주고 싶은 컨텐츠를 브라우저가 읽을 수 있도록 만들어 놓은 문서 HTML구조 // 문서의 형식을 지정하여 브라우저는 해당문서를 HTML5 문서로 해석한다. // 문서의 시작을 알리며, lang속성은 문서의 언어를 지정한다. // body태그를 읽기전에 정보들 // html 파일의 기본정보(문서정보, 메타데이터, 스타일시트, 스크립트) // 문서의 본문으로서 화면에 표시되는 모든내용이 들어감 시멘틱 태그(Semantic Tag) 태그 설명 용도 문서나 섹션의 헤더를 정의 로고, 제목, 네비게이션 네비게이션 링크를 정의 메뉴, 링크목록 문서의 주요콘텐츠를 정의하며, 하나만 사용해야함 독립적으로 구분되거나 재사용가능한 콘텐츠 블록 뉴스, 기사, 블로그 포스트 문서의 섹션을 정의 제목, ..

학습계기 Css파일에 클래스를 정의해서 사용하는 기본사용법, React의 styled-component등 사용해 봤다. 하지만 사용하다보면 이것 또한 불편하다. 그래서 Css 프레임워크를 찾아보다가 Tailwind를 접하게되었고, 많은기업에서도 사용하는 거 같아서 요번 프로젝트에 도입하기위함 tailwind는 Utility-First 컨셉을 가진 css의 프레임워크 이다. [장점] 1. Utility-First 컨셉으로 빠르게 원하는 디자인 개발을 할 수 있다. 2. 클래스 작명을 고민할 필요가 없다. 3. HTML-CSS를 왔다갔다 할 필요가 없다. 4. 클래스명의 속성을 변경하기위해 CSS파일에서 클래스를 찾을 필요가 없다. 5. 기본 스타일 값을 자유롭게 커스텀 6. 반응형 디자인에 유용한 클래스들..

하루를 꼬박 작성한글이 날아갔다... 임시저장을 해뒀는데 다른글을 보고오니 날라가버렸다 .... ㅠㅠ 다시썻다. Next.js란?NextJS는 React 기반의 웹 프레임워크이다. React 애플리케이션을 더쉽게 구축하고 서버 측 렌더링(SSR), 정적 사이트 생성(SSG), API라우팅 등의 기능을 제공며, 여러 빌딩 블록을 제공한다. 페이지 시스템페이지 기반의 라우팅 시스템을 가지고 있다. pages 디렉토리에 있는 각 파일은 하나의 페이지를 나타낸다.(파일 경로 및 파일 이름)서버측 렌더링(SSR)기본적으로 서버측 렌더링을 제공하며, 페이지를 서버 측에서 사전렌더링 할 수 있다.정적 사이트 생성(SSG)빌드 시간에 페이지를 미리 생성하여 정적 파일로 제공할 수 있다.클라이언트 측 라우팅클라이언측 라..