CSS 는 뭘까? CSS = Cascading Style SheetCSS 는 HTML 요소의 style을 정의하는 데 사용됩니다.HTML 외부에서 CSS 파일 로드하는 방법 ( 가장 권장 )``HTML 내부에서 Embedding style로 CSS 적용하는 방법``Inline style 로 CSS 적용하는 방법` Hello World` Reset CSS모든 웹 브라우저마다 각자만의 디폴트 스타일을 가지고 있어서 css가 없어도 작동함.But. 각자만의 스타일이라는 말은 브라우저마다 같은 태그라도 보이는 스타일이 다른다는 걸 의미. 그럴 때 사용되는 것이 `Reset CSS`  👉🏻https://meyerweb.com/eric/tools/css/reset/ 이거 복사해서 사용하면, CSS를 초기화하는 ..

출처 : 이정환의 한 입 크기로 잘라 먹는 리액트  배포 준비를 위해 해야할 마지막 작업..강의에서 간단한 프로젝트 제작 후 localStroage를 이용하여 간단한 데이터 저장까지 구현한 뒤 간단하게 몇 가지 완성도를 높힌 후 배포를 해보려고 합니다.  1. 페이지 타이틀 설정하기 ( 웹 브라우저 탭에 표시되는 페이지의 제목 ) 2. Favicon 설정하기 ( 브라우저 탭에 표시되는 작은 아이콘 ) 3. 오픈 그래프 태그 설정하기4. 프로젝트 빌드 (Build)  순으로 진행해 보겠습니다.   뭐,, 페이지 제목같은 경우 따로 커스텀 훅을 만들어서 재사용할 수 있게 만들었습니다.import { useEffect } from "react";const usePageTitle = (title) => { u..

출처 : 이정환의 한 입 크기로 잘라먹는 타입스크립트  우선 해당 기술을 사용하기위해,node.js 와 visual Studio Code 를 사용함.  타입스크립트의 창시자는 C#의 창시자로도 알려진 (앤더스 하일스버그) 손에서 탄생함.     //javaScriptlet a = 1;let b = 2;console.log(a + b); // TypeScriptlet a:number = 1;let b:number = 2;console.log(a + b); 타입을 직접 지정하는 기능이 추가된걸 볼 수 있다.  자바스크립트의 확장판이라고 얘기할 수 있다. 왜??? 타입스크립트를 배워야할까?자바스크립트가 너무 잘나갔기 때문에!! 자바스크립트는 원래 간단한 상호작용을 위해 만들어진 언어였는데, 그래서 그런지 유연..

WEB 창시자 팀 버너스리월드 와이드 웹(www)의 개념을 제안하고 이를 구현하기 위해 html을 개발하셨다. HTML ( HyperText Markup Language) 가 뭔가요?: 웹을 이루는 가장 기초적인 구성 요소로, 웹 페이지 내용 서술, 정의하는데 사용합니다."태그" 라는 개념으로 구분합니다. // 제가 생각하기엔 웹 페이지의 뼈대를 만드는 언어라고 생각합니다..  하이퍼텍스트(HyperText) 가 무엇이냐.하이퍼 "텍스트" 를 클릭하면 다른 페이지로 이동할 수 있는 텍스트를 말한다. 쉽게 말해서 "링크"를 클릭한다 가 대표적인 예시가 될 수 있다. 마크업 (Markup) 은 또 무엇이냐.태그 라는 개념을 사용해서 문서의 구조를 정의하는 방식이라고 볼 수 있다.  `` 태그로 감싸거나 문단..