본문 바로가기

Tutorial146

13. 나만의 유튜브 사이트 만들기 : 추천 개발자 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 13 나만의 유튜브 사이트 만들기 : 추천 개발자 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합.. 2023. 10. 13.
12. 나만의 유튜브 사이트 만들기 : 추천 영상 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 12 나만의 유튜브 사이트 만들기 : 추천 영상 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합니.. 2023. 9. 25.
11. 나만의 유튜브 사이트 만들기 : 메인 콘텐츠 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 11 나만의 유튜브 사이트 만들기 : 메인 콘텐츠 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합.. 2023. 9. 25.
10. 나만의 유튜브 사이트 만들기 : 페이지 SEO 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 10 나만의 유튜브 사이트 만들기 : 페이지 SEO 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 .. 2023. 9. 15.
09. 나만의 유튜브 사이트 만들기 : 컴퍼넌트 비동기 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 09 나만의 유튜브 사이트 만들기 : 컴퍼넌트 비동기 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로.. 2023. 9. 8.
08. 나만의 유튜브 사이트 만들기 : 헤더 영역 데이터 작업 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 08 나만의 유튜브 사이트 만들기 : 헤더 영역 데이터 작업 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표.. 2023. 9. 4.
07. 나만의 유튜브 사이트 만들기 : 헤더 영역 완성하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 07 나만의 유튜브 사이트 만들기 : 헤더 영역 완성하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 .. 2023. 9. 4.
06. 나만의 유튜브 사이트 만들기 : 섹션 컴퍼넌트 구조화하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 06 나만의 유튜브 사이트 만들기 : 섹션 컴퍼넌트 구조화하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목.. 2023. 9. 1.
05. 나만의 유튜브 사이트 만들기 : 페이지 만들기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 05 나만의 유튜브 사이트 만들기 : 페이지 만들기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합니다.. 2023. 8. 30.
04. 나만의 유튜브 사이트 만들기 : SCSS 셋팅하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 04 나만의 유튜브 사이트 만들기 : SCSS 셋팅하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합.. 2023. 8. 30.
03. 나만의 유튜브 사이트 만들기 : Git 연동하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 03 나만의 유튜브 사이트 만들기 : Git 연동하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합니.. 2023. 8. 30.
02. 나만의 유튜브 사이트 만들기 : 라이브러리 설치하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 02 나만의 유튜브 사이트 만들기 : 라이브러리 설치하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 .. 2023. 8. 29.
01. 나만의 유튜브 사이트 만들기 : 셋팅하기 Tutorial/Portfolio 나만의 유튜브 사이트 만들기 by @webs 2023. 09. 01. 01 나만의 유튜브 사이트 만들기 : 셋팅하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만들어보겠습니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합니다. 그.. 2023. 8. 28.
40. 포트폴리오 사이트 만들기 : Next-Site : 마무리 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 10 포트폴리오 사이트 만들기 : 마무리 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이제 정말 마지막단계입니다. 지금까지 잘 따라오셨습니다. 마지막까지 최선을 다해 성공합시다. 화이팅 👍 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3... 2023. 8. 1.
39. 포트폴리오 사이트 만들기 : Next-Site : 푸터 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 09 포트폴리오 사이트 만들기 : 푸터 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이번에는 연락처 영역을 작업해보겠습니다. 특별히 어려운 점이 없으니 잘 따라와주세요! 😬 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3.2 헤더 디.. 2023. 8. 1.
38. 포트폴리오 사이트 만들기 : Next-Site : 연락처 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 08 포트폴리오 사이트 만들기 : 연락처 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이번에는 연락처 영역을 작업해보겠습니다. 특별히 어려운 점이 없으니 잘 따라와주세요! 😬 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3.2 헤더 .. 2023. 8. 1.
37. 포트폴리오 사이트 만들기 : Next-Site : 포트폴리오 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 07 포트폴리오 사이트 만들기 : 포트폴리오 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이번에는 포토폴리오 영역을 작업해보겠습니다. 특별히 어려운 점이 없으니 잘 따라와주세요! 😬 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3.2.. 2023. 8. 1.
36. 포트폴리오 사이트 만들기 : Next-Site : 사이트 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 06 포트폴리오 사이트 만들기 : 사이트 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이번에는 스킬 영역을 작업해보겠습니다. 특별히 어려운 점이 없으니 잘 따라와주세요! 😬 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3.2 헤더 디.. 2023. 8. 1.
35. 포트폴리오 사이트 만들기 : Next-Site : 스킬 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 05 포트폴리오 사이트 만들기 : 스킬 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이번에는 스킬 영역을 작업해보겠습니다. 특별히 어려운 점이 없으니 잘 따라와주세요! 😬 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조 잡기 3.2 헤더 디자.. 2023. 8. 1.
34. 포트폴리오 사이트 만들기 : Next-Site : 인트로 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 04 포트폴리오 사이트 만들기 : 인트로 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. next.js를 작업하기 전에 기본 셋팅을 완성하겠습니다. 기존 프레이워크랑 차이점이 무엇인지 알아보고, 좋은 점이 무엇이 있는지 알아보겠습니다. 그럼 바로 시작해보겠습니다. 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.. 2023. 8. 1.
33. 포트폴리오 사이트 만들기 : Next-Site : 헤더 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 03 포트폴리오 사이트 만들기 : 헤더 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. next.js를 작업하기 전에 기본 셋팅을 완성하겠습니다. 기존 프레이워크랑 차이점이 무엇인지 알아보고, 좋은 점이 무엇이 있는지 알아보겠습니다. 그럼 바로 시작해보겠습니다. 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2... 2023. 8. 1.
32. 포트폴리오 사이트 만들기 : Next-Site : 라우팅 및 컴퍼넌트 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 02 포트폴리오 사이트 만들기 : 라우팅 및 컴퍼넌트 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. next.js를 작업하기 전에 기본 셋팅을 완성하겠습니다. 기존 프레이워크랑 차이점이 무엇인지 알아보고, 좋은 점이 무엇이 있는지 알아보겠습니다. 그럼 바로 시작해보겠습니다. 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅.. 2023. 8. 1.
31. 포트폴리오 사이트 만들기 : Next-Site : 셋팅하기 Tutorial/portfolio 포트폴리오 사이트 만들기 - Next by @webs 2023. 08. 01. 01 포트폴리오 사이트 만들기 : 셋팅하기 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 이 튜토리얼은 하나의 웹사이트를 여러 가지 프레임워크를 사용하여 만드는 방법에 대해 소개합니다. 웹 개발자들은 종종 다양한 프레임워크를 이용하여 작업하게 됩니다. 이 과정에서 여러 가지 프레임워크들을 어떻게 적용하는지 알아보고, 각 프레임워크들의 장단점을 비교 분석하며 학습하게 됩니다. 가장 기본이 되는 HTML/CSS를 이용하여 사이트를 먼저 만들고, 이를 바탕으로 리액트, 뷰, 넥스트 프레임워크를 통해 제작하게 됩니다. 현재를 기준으로 가장 많이 사용하.. 2023. 8. 1.
30. 포트폴리오 사이트 만들기 : Vue-Site : 마무리 Tutorial/portfolio 포트폴리오 사이트 만들기 - Vue by @webs 2023. 08. 01. 10 포트폴리오 사이트 만들기 : 마무리 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 뷰 마무리 섹션이 되겠습니다. 벌써 3번째 사이트를 마무리 할 때가 됐네요! 그럼 얼릉 끝내보도록 합시다! 고고 🫤 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CSS 셋팅하기 2.4 JavaScript 셋팅하기 3. 헤더 영역 3.1 헤더 구조.. 2023. 7. 31.
29. 포트폴리오 사이트 만들기 : Vue-Site : 푸터 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Vue by @webs 2023. 08. 01. 09 포트폴리오 사이트 만들기 : 푸터 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 오늘은 연락처 컴퍼넌트를 작업해보겠습니다. 소스를 직접 치고 만드는 것이 아니라, 기존에 소스를 활용해서 만드는 것이기 때문에 비교적 빨리 만들 수 있을겁니다. 그럼 오늘도 시작해볼까요!! 🥶 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 CS.. 2023. 7. 31.
28. 포트폴리오 사이트 만들기 : Vue-Site : 연락처 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Vue by @webs 2023. 08. 01. 08 포트폴리오 사이트 만들기 : 연락처 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 오늘은 연락처 컴퍼넌트를 작업해보겠습니다. 소스를 직접 치고 만드는 것이 아니라, 기존에 소스를 활용해서 만드는 것이기 때문에 비교적 빨리 만들 수 있을겁니다. 그럼 오늘도 시작해볼까요!! 🥶 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 C.. 2023. 7. 31.
27. 포트폴리오 사이트 만들기 : Vue-Site : 포트폴리오 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Vue by @webs 2023. 08. 01. 07 포트폴리오 사이트 만들기 : 포트폴리오 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 오늘은 인트로 컴퍼넌트를 작업해보겠습니다. 소스를 직접 치고 만드는 것이 아니라, 기존에 소스를 활용해서 만드는 것이기 때문에 비교적 빨리 만들 수 있을겁니다. 그럼 오늘도 시작해볼까요!! 🥶 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3.. 2023. 7. 31.
26. 포트폴리오 사이트 만들기 : Vue-Site : 사이트 영역 Tutorial/portfolio 포트폴리오 사이트 만들기 - Vue by @webs 2023. 08. 01. 06 포트폴리오 사이트 만들기 : 사이트 영역 난이도 중간 소스 다운로드 완성 화면 완성 코드 영상 보기 소개 안녕하세요! 웹스토리보이입니다. 오늘은 인트로 컴퍼넌트를 작업해보겠습니다. 소스를 직접 치고 만드는 것이 아니라, 기존에 소스를 활용해서 만드는 것이기 때문에 비교적 빨리 만들 수 있을겁니다. 그럼 오늘도 시작해볼까요!! 🥶 포트폴리오 사이트 만들기 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기 1_3. gsap/lenis 설치하기 1_4. git 연동하기 2. 레이아웃 2.1 레이아웃 구조 만들기 2.2 메인 레이아웃 구조 만들기 2.3 C.. 2023. 7. 31.