본문 바로가기
카테고리 없음

[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 - 사전 직무 교육 1주차 회고

by nomfang 2024. 9. 30.
728x90
반응형

수코딩님 강의 요약

  1. 데이터 통신Next.js에서는 axios보다 Fetch API를 사용 추천
    Fetch API는 브라우저 내장 함수로 가볍고 성능이 우수하다
  2. Fetch API
  3. 웹 동작 방식서버는 빈 HTML 껍데기만 전송하고, 나머지 콘텐츠는 클라이언트에서 JavaScript가 실행되면서 채워진다
    한 번 초기 로딩이 완료되면 이후 페이지 간 이동이 빠르며, 필요한 부분만 비동기적으로 다시 렌더링
  4. CSR(Client Side Rendering)

SSR(Server Side Rendering)

초기 UI 먼저 보여주고 사용자가 페이지를 요청하면, 서버는 필요한 데이터를 가져와 HTML을 완성하여 브라우저로 전달
초기에는 자바스크립트 없이 먼저 렌더링되고, 그 이후에 JavaScript가 적용된다

회고

  1. 이번주 수업에서 좋았던 점은? (Liked)
    React 이론 및 실습을 통해 기초를 새롭게 다지는 시간이 되어서 좋았다
  1. 이번주에 새롭게 배운 점은? (Learned)
    tailwind-merge 라이브러리
    twMerge 는 같은 요소의 class 를 추가하면 가장 마지막 추가된 값으로 덮어쓰기 한다
  1. 배운 것에 관해서 내가 부족했던 부분은? (Lacked)
    tailwind 에 추가로 라이브러리를 사용할 생각은 못해봤다
  2. 앞으로 뭘 더 하면 좋을까? (Longed for)
    앞으로는 꾸준히 개발을 해야한다
    늦은만큼 더 성실히

본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 3기 과정(B-log) 리뷰로 작성 되었습니다

반응형

댓글