Web/Next.js (3)

CloneCoding

한 줄의 코드에서 시작되는 혁신!

• Language(70)
  • 파이썬(46)
  • JavaScript(25)
• Web(19)
  • HTML(4)
  • CSS(8)
  • 리액트(3)
  • Next.js(3)
  • Node.js(4)
• 시리즈(7)
  • TA-Lib(7)
• Tips & Tutorial(5)
  • 개발 팁(4)

• html2canvas 라이브러리를 이용하여 웹페이지 스크린샷을 다운로드 하는 방법을 설명한다. html2canvas 특징과 장점, 설치 및 사용방법 그리고 주의사항에 대해서도 함께 알아본다
• 웹페이지에 다크모드를 구현하는 방법에 대해 설명한다. 시스템 설정을 기반으로 다크모드를 구현하는법, 사용자 선택을 기반으로 다크모드를 구현하는 법에 대해 알아보자.
• Next.js에서 SSR(Server Side Rendering), SSG(Static Site Generation), CSR(Client Side Rendering)렌더링 방식중 어떤 렌더링 방식이 어떤 사이트 카테고리에서 잘 어울리는지 설명한다.
• CSS 가상 선택자(Pseudo selector)에 대해 깊이있게 설명 한다. :first-child, :last-child, :nth-child(n) 등을 배우고 실용적인 활용 사례를 알아보자.
• Next.js의 3가지 렌더링 방식인 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR), 그리고 정적 사이트 생성(SSG)에 대한 작동방식, 장단점 등에대해 깊이있게 알아본다.