코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/08/26 3

24.08.26 Next JS CSS

body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; background-color: black; color: white; font-size: 18px;}a { color: inherit; text-decoration: none;}a:hover { text-decoration: underline;}전역적으로 설정되길 원하는 css파일을 생성하고, 작성한다.그리고 해당 css파일을 전역 layout파일에 import하면 모든 페이지에서..

2차 공부/TIL 2024.08.26

24.08.26 Next JS 병렬 fetching / 에러발생페이지

import { API_URL } from "../../../(home)/page";async function getMovie(id: string) { console.log(`Fetching movies: ${Date.now()}`); const response = await fetch(`${API_URL}/${id}`); console.log(`Finished movies: ${Date.now()}`); return response.json();}async function getVideos(id: string) { console.log(`Fetching videos: ${Date.now()}`); const response = await fetch(`${API_URL}/..

2차 공부/TIL 2024.08.26

24.08.26 Next JS Data Fetching / loading

import { useEffect, useState } from "react";export const metadata = { title: "Home",};export default function App() { const [movies, setMovies] = useState(); const getMovies = async () => { const response = await fetch(process.env.MOVIE_GET_URL); const json = await response.json(); setMovies(json); }; useEffect(() => { getMovies(); }, []); return ..

2차 공부/TIL 2024.08.26
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

tanstack query, 실행컨텍스트, 리덕스, CSS, 리액트, redux, js, nextjs, React Query, TDZ, javascript, 코딩테스트, react-redux, 알고리즘, 팀프로젝트, react, vite, 프로그래머스, Reducer, action creator,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/08   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바