
코드 깎는 다람쥐
IT/개발
생성 : 2022.10.03
스터디 소개
javascript 위주 공부하는 스터디 입니다.
- 전체(22)
- 미분류(22)
코드 깎는 다람쥐 이달의 인기 포스트
- 미분류혼자 공부하는 컴구조+운영체제 2장02 데이터 02-1 0과 1로 숫자를 표현하는 방법 컴퓨터는 0, 1로 모든 데이터를 표현하지만 0, 1이 아닌 다른 데이터들을 어떻게 처리하는지 의문이 생깁니다. 이번장에서는 이런 데이터들의 표현방식을 공부하게 됩니다. 정보 단위 컴퓨터에서 가장 작은 표현단위인 0, 1만 사용하는 단위를 비트라고 합니다. 비트의 갯수가 n개면, 2^n개의 데이터 표현을 할 수 있습니다. 그 다음으로 바이트는 8개의 비트를 묶은 단위로, 비트보다 한 단계 큰 단위입니다. 이제부터 1000배 단위로 표현 단위가 커지는데요, 1000개의 바이트를 묶은것을 1킬로바이트(KB), 1000킬로바이트를 묶은것을 1메가바이트(MB), 1000메가바이트를 묶은 단위를 1기가바이트(GB), 1000기가바이트를 묶은것을 1테라바이트(TB) 라고 합니다. 이것보다 더 큰 단위도 존재하지만 현재 일반적으로 사용되는 단위는 테라바이트 단위가 제일 큽니다.mouuaw2023.01.2810
- 미분류Next.js 정리 - Dynamic RoutesDynamic Routemouuaw2023.09.2800
- 미분류Next.js 정리 3Linking and Navigating Next.js 에서 페이지 이동을 위해 사용할 수 있는방법은 두가지가 있습니다. Link 컴포넌트를 사용하는 방법과 useRouter를 이용하는 방법입니다. <Link> Component Link 컴포넌트는 a 태그를 확장한 컴포넌트 입니다. Link 컴포넌트는 prefetching 작업을 제공하며 client-side 에서의 navigation 작업을 제공합니다. Link 컴포넌트는 next/link 에서 import 가능하며 href 속성을 통해 이동할 라우트를 등록합니다. checking Active Links next/navigation의 usePathname을 이용하면 해당 링크가 현재 위치인지 확인할 수 있습니다. scrolling to an id 페이지 이동과 특정 스크롤 위치로 이동하고 싶다면 'url#id' 형태로 href 를 제공하면 됩니다. 그럼 id가 등록된 해당 요소로 스크롤이 이동합니다.mouuaw2023.09.2800
- 미분류Nextjs 정리 2Next.js 13 버전에선 새로운 file convention 이 있습니다. 바로 pages, layouts, templates 입니다. Pages page 파일은 route에 특화된 파일입니다. page 파일은 route로 접근 가능한 페이지를 생성합니다. page 파일은 다음의 특징을 가집니다. page는 app 폴더의 sub tree 에서 사용됩니다. sub tree의 leaf 로 사용할 수 있습니다. js, jsx, tsx 확장자를 사용할 수 있습니다. page 파일은 url 로 접근 가능한 라우터를 생성합니다. page는 일반적으로 react의 Server Component 로 동작합니다. 하지만 설정을 통해 Client Component로 변경할 수 있습니다. page는 data fetch 작업을 할 수 있습니다.mouuaw2023.09.1900
코드 깎는 다람쥐 최근 포스트
- 미분류Next.js 정리 - Dynamic RoutesDynamic Routemouuaw2023.09.2800
- 미분류Next.js 정리 3Linking and Navigating Next.js 에서 페이지 이동을 위해 사용할 수 있는방법은 두가지가 있습니다. Link 컴포넌트를 사용하는 방법과 useRouter를 이용하는 방법입니다. <Link> Component Link 컴포넌트는 a 태그를 확장한 컴포넌트 입니다. Link 컴포넌트는 prefetching 작업을 제공하며 client-side 에서의 navigation 작업을 제공합니다. Link 컴포넌트는 next/link 에서 import 가능하며 href 속성을 통해 이동할 라우트를 등록합니다. checking Active Links next/navigation의 usePathname을 이용하면 해당 링크가 현재 위치인지 확인할 수 있습니다. scrolling to an id 페이지 이동과 특정 스크롤 위치로 이동하고 싶다면 'url#id' 형태로 href 를 제공하면 됩니다. 그럼 id가 등록된 해당 요소로 스크롤이 이동합니다.mouuaw2023.09.2800
- 미분류Nextjs 정리 2Next.js 13 버전에선 새로운 file convention 이 있습니다. 바로 pages, layouts, templates 입니다. Pages page 파일은 route에 특화된 파일입니다. page 파일은 route로 접근 가능한 페이지를 생성합니다. page 파일은 다음의 특징을 가집니다. page는 app 폴더의 sub tree 에서 사용됩니다. sub tree의 leaf 로 사용할 수 있습니다. js, jsx, tsx 확장자를 사용할 수 있습니다. page 파일은 url 로 접근 가능한 라우터를 생성합니다. page는 일반적으로 react의 Server Component 로 동작합니다. 하지만 설정을 통해 Client Component로 변경할 수 있습니다. page는 data fetch 작업을 할 수 있습니다.mouuaw2023.09.1900
- 미분류Next.js 정리Defining Routes Creating Routes Next.js는 file-system을 이용한 router 구성방법을 이용합니다. 각각의 폴더를 생성함으로써 route를 구성할 수 있으며, 폴더명으로 url을 생성합니다. 하위 라우터를 구성하고싶으면 하위폴더를 만들면 됩니다. page.js 파일은 url 접속시 보여지는 화면을 구성합니다.(js, jsx, tsx 파일 역시 사용가능합니다.) Creating UI 각 route를 구성하는 기능적 파일들이 존재하며 가장 기초가 되는것은 page 파일입니다. layout은 route간 서로 공유되어야 할 UI가 있을 경우 사용됩니다.mouuaw2023.09.1900