100일은 해야지

😳 Redux란? 👉 Redux는 "action(액션)"이라는 이벤트를 사용하여 애플리케이션 상태를 관리하고 업데이트하는 패턴과 라이브러리이다. 👉 전체 애플리케이션 내에서 사용해야 하는 상태에 대한 중앙 저장소 역할을 하며, 상태 업데이트를 예측 가능한 방식으로 제어한다. 😳 왜 Redux를 사용하는 것일까? 👉 중앙화된 상태 관리 : 리덕스는 애플리케이션의 상태를 중앙에서 효율적으로 관리할 수 있는 중앙 저장소를 제공하기 때문에 상태를 한 곳에서 관리하고 업데이트하는 것이 쉬워진다. 👉 예측 가능한 상태 업데이트 : 리덕스는 순수 함수인 리듀서를 사용하여 상태를 업데이트하므로 상태 변경이 예측 가능하며, 어떻게 변화하는지 이해하기 쉽다. 👉 디버깅 : time-travel 디버깅 기능을 활용하면 이전..

시맨틱 태그(Semantic Tag) 내용에 대해 아무것도 알려주지 않는 태그나 태그 등과는 다르게 시맨틱 태그는 웹 페이지 내의 내용에 의미와 콘텍스트를 제공하는 HTML 태그입니다. 즉, 페이지에 내용을 표시하는 '방법'을 지정하는 것이 아닌 내용의 '목적'이나 '의미'를 설명하도록 설계된 것이죠 주로 쓰는 시맨틱 요소 정리 : 웹 페이지의 헤더 섹션을 정의할 때 사용합니다. 일반적으로 제목이나 로고 머리말 같은 요소들이 들어갑니다. : 웹 페이지의 탐색 섹션을 정의할 때 사용합니다. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크들이 들어갑니다. : 블로그 게시물 또는 뉴스 기사와 같은 웹 페이지 내에 포함된 콘텐츠를 정의하는 데 사용됩니다. : 웹 페이지 내에서 내용 섹션을 정의하는..

폰트를 로컬적용 하는 법 폰트를 다운로드하여서 css 파일에 적용하면 끝입니다. 간단하죠? css 파일에 font-face로 적용하면 됩니다. 저는 Nanum Pen Script를 다운로드하였기 때문에 NanumScript로 적용시켜볼게요. @font-face { font-family: 'Nanum Pen Script'; src: local('NanumPenScript'), url('./font/Nanum_Pen_Script/NanumPenScript-Regular.ttf') format('truetype'); //너무길어서 보기좋게 줄바꾸겠습니다 } @font-face { font-family: " 글꼴이름" ==> 이름은 마음대로 설정가능 하지만 나중에 혼란을 줄 수 있기 때문에 같은 폰트와 같은 이..

스코프는 변수의 유효 범위 즉 변수에 접근할 수 있는 범위를 말합니다. 동일한 식별자 충돌을 방지하기 위해 있는 거죠 변수나 함수 선언 위치에 따라 스코프를 구분할 수 있는데요 스코프에는 전역 스코프 (global scope)와 지역 스코프(local scope)가 있는데요. 지역 스코프는 또 함수레벨 스코프와 블록레벨 스코프로 나눠져요 함수레벨 스코프는 함수에서만 가져다 쓸 수 있고 블록레벨은 블록에서만 가져다 쓸 수 있죠 여기서 블록은 {}중괄호 안을 얘기합니다. var str_v = "전역 스코프" let str_l = "전역 스코프" const str_c = "전역 스코프" function fncScope() { console.log(str_v) // Output : 전역스코프 console.lo..