분류 전체보기 (36) 썸네일형 리스트형 [HTML] 시맨틱 태그(Semantic Tag)로 좋은 사이트 만드는 방법 시맨틱 태그 설명 시맨틱 태그란 의미 있는 태그를 뜻합니다. 평소에 어떻게 마크업을 작성하시나요?만약 아래와 같은 페이지를 구현한다고 할 때, 어떻게 마크업 하실 건가요? div만 사용한 경우이미지, 텍스트, 모달, 버튼 등 어떤 요소이든 간에 `` 태그만 있으면 작성할 수 있습니다.다음과 같이 말이죠. 제목입니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.. [Javascript] NaN 알아보기 NaN에 대해 알아보기Javascript에서 숫자를 처리하는 방법NaN에 대해 본격적으로 다루기 전에,Javascript에서 숫자를 저장하는 방법에 대해 알아볼 필요가 있어요!위의 이미지는 [ECMA]에서 정한 Number에 대한 정의입니다.설명을 통해 다음과 같은 정보를 알 수 있어요.Javascript는 IEEE754라는 표준에 따라 Number value를 처리한다.`Not-a-Number(NaN)`, `양수 무한`, `음수 무한`도 Number value에 속한다. IEEE754란?전기전자공학자협회(IEEE)에서 정한 표준 중 하나입니다.Javascript는 숫자를 다룰 때 IEEE754에서 정한 표준에 따라 처리하고 있어요.더 알아보고 싶다면 이전 포스팅을 참고해주세요![양수0, 음수0 차이 쉽.. [Javascript] 0.1 + 0.2가 0.3이 아닌 이유 쉽게 이해하기 지난 글 복습하기지난 포스팅에서 javascript에서 `-0`이 존재하는 이유에 대해 알아보았어요.[양수 0, 음수 0 차이 쉽게 이해하기] 위의 글에서 이야기했던 `-0`이 존재하는 이유와 오늘 글의 주제와 관련이 있기 때문에다시 한번 리캡해볼까요?Recap!- javascript는 숫자를 저장할 때 IEEE754표준에 따라서 64개의 비트(bit, 0 또는 1)를 사용한 부동소수점으로 저장한다.- 이때 가장 앞에 오는 비트가 부호를 의미한다. 양수면 `0`, 음수면 `1`을 저장한다.- `+0`을 저장할 때는 `0`을 저장하고 `-0`을 저장할 땐 `1`을 저장하기 때문에 차이가 발생합니다. 이 내용을 잘 이해해야 오늘의 이야기도 쉽게 이해할 수 있으니,아직 잘 모르겠다 싶다면 지난 포스팅을 먼저.. [Javascript] 양수0, 음수0 차이 쉽게 이해하기 +0과 -0 알아보기수학적으로 0은 음수와 양수의 사이에 차이가 없기 때문에 같은 값으로 봅니다.하지만 컴퓨터 세계에서는 `+0`과 `-0`은 엄밀히 말하면 다릅니다.javascript 콘솔에서 `-0`을 입력하면 `-0`을 반환합니다.즉, `+0`과 구분되는 `-0`이 존재한다는 것이죠.`+0`과 `1`을 곱하거나 나누었을 때는 `+0`을 반환합니다.반면 `-0`과 `1`을 곱하거나 나누었을 때 `-0`을 반환해요.`+0`과 `-0`을 비교해 보면 `true`를 반환합니다.그렇다면 `+0`과 `-0`은 왜 구분되어 있을까요?+0과 -0를 구분하는 이유우리가 실생활에서 사용하는 숫자 표기법은 0부터 9까지 사용하는 십진법입니다.컴퓨터가 사용하는 숫자 표기법은 0과 1을 사용하는 이진법입니다. 우리가 컴퓨.. [Next14] 페이지와 레이아웃 : Pages and Layouts 해당 글은 Next.js 공식문서를 해석한 글입니다.학습하며 제가 이해한대로 작성한 내용이기 때문에 오해석한 부분이 있을 수 있습니다.정확한 내용은 아래의 공식문서를 참고해주세요!https://nextjs.org/docs/app/building-your-application/routing/pages-and-layoutsNext에서는 특별한 파일 컨벤션이 있다는 것을 지난 글에서 소개했어요.그 중 layout.js page.js, template.js는 특정 라우트의 UI를 생성하기위해 사용되어요.이 글에서는 이 특별한 파일들을 언제, 어떻게 사용하는지에 대해 알려드리겠습니다.Pagespage.js는 특정 라우트의 고유한 UI를 포함합니다.page.js에서 리액트 컴포넌트를 export 하여 정의할 수 있.. [Next14] 라우트 정의하기 : Defining Routes 해당 글은 Next.js 공식문서를 해석한 글입니다.학습하며 제가 이해한대로 작성한 내용이기 때문에 오해석한 부분이 있을 수 있습니다.정확한 내용은 아래의 공식문서를 참고해주세요!https://nextjs.org/docs/app/building-your-application/routing#file-conventions Creating RoutesNext.js의 파일 시스템은 폴더가 어디에 생성 되어있는지에 따라 결정돼요.각 폴더는 route segment이고, 각 segment는 url segment와 1:1 매칭이 됩니다.nested route를 만들기 위해선 폴더 안에 폴더를 만들어서 중첩된(nested) 구조를 만들어주면 됩니다. 예를 들어, app 하위에 dashboard 폴더가 있고 그 하위에 .. [Next14] 라우팅 기초 : Routing Fundamentals 해당 글은 Next.js 공식문서를 해석한 글입니다.학습하며 제가 이해한대로 작성한 내용이기 때문에 오해석한 부분이 있을 수 있습니다.정확한 내용은 아래의 공식문서를 참고해주세요!https://nextjs.org/docs/app/building-your-application/routing모든 어플리케이션의 뼈대는 routing입니다.이 글에서는 웹 라우팅의 기초 컨셉을 소개하고 Next에서는 라우팅을 어떻게 다루는지에 대한 내용을 다루었습니다. 용어우선, 용어 소개를 간단하게 하고 넘어가겠습니다. - Tree : 위계구조를 시각화하여 부르는 용어- Subtree : tree의 일부분- Root : tree 혹은 subtree에서 첫 번째 노드- leaf : 자식 노드를 갖지 않은 노드 - URL Segm.. [React18] 새로운 기능 : Automatic Batching React 18 부터 Automatic Batching 개념이 새롭게 등장했습니다. Automatic Batching을 한국말로 직역하면 '자동 일괄처리'를 뜻해요. 그렇다면 React에서 Automatic Batching은 어떤 기능을 의미하는 것인지 알아봅시다! 이 글은 react github 문서의 내용을 기반으로 작성했습니다. Batching이란?Batching 기능은 React 17 이하 버전에서 일부 지원하는 기능이에요. 먼저 아래의 코드를 살펴봅시다! Next 버튼을 클릭했을 때, handleClick함수가 실행됩니다. handleClick함수에서는 setCount와 setFlag 함수를 사용하여 count state와 flag state를 변경해주고 있습니다. React에서는 sta.. 이전 1 2 3 4 5 다음
