웹포트폴리오 6
도메인 네임서버 변경해 보자
도메인과 호스팅을 서로 다른 사이트에서 구매하셨다면 둘을 연결하는 작업인 [네임서버 변경]을 해주셔야 합니다. 1. 호스팅 네임 서버 확인 https://hosting.cafe24.com/ 카페24 호스팅 | 온라인 비즈니스의 시작 hosting.cafe24.com ① 카페 24 호스팅 먼저 호스팅을 구매한 사이트에 접속합니다. 저는 카페24 호스팅에서 구매했기 때문에 위의 주소로 접속합니다. 호스팅 구매 방법은 아래 링크를 참고해 주세요. 호스팅 구매 방법 - ② 나의 서비스 관리 카페 24 호스팅 센터에 로그인하신 뒤 오른쪽 상단의 [나의 서비스 관리] 버튼을 클릭합니다. ③ 도메인 연결 관리 왼쪽 메뉴 중 [도메인 연결 관리] 메뉴를 클릭! ③ 네임 서버 보기 중간쯤 [카페 24 네임서버 보기] 빨..
[자바스크립트] swiper 라이브러리 적용해보자
자바스크립트 swiper 라이브러리를 적용해 봅시다. 1. Swiper 라이브러리 연결 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com ① Swiper 사이트 접속 구글에 [swiper]를 검색하시거나 위의 링크로 접속해 주세요. - ② Get Started 메인 페이지에서 [Get Started] 버튼을 클릭합니다. ③ CDN 왼쪽 메뉴에서 [Use Swiper from CDN] 메뉴를 클릭하면 CDN..
[반응형] 포트폴리오 사이트
안녕하세요. 플입니다. 오늘은 포트폴리오 사이트 서브 시안을 소개해보겠습니다. 1. 첫 번째 서브 페이지 About 첫 번째 페이지는 두 단락으로 나눠 경력과 기술 능력을 한 페이지에 보여줬습니다. 배경색을 다르게 해 단락을 확실하게 구분했습니다. 2. 두 번째 서브 페이지 Portfolio 두 번째 페이지 시안은 메뉴를 수정하기 전에 저장해서 첫 번째 페이지가 강조되어있지만 넘어가겠습니다. 두 번째 서브 페이지는 작업물을 보여주는 페이지로 이 사이트에서 가장 중요한 페이지입니다. 메인과 동일한 섬네일을 사용하였고 메인에서 더보기를 누르면 넘어오는 페이지입니다. 서브 페이지에서 더보기를 누르면 더 많은 작업물을 볼 수 있습니다. 그리고 메인과 다르게 카테고리를 추가해 카테고리별로 살펴볼 수 있게 만들었습..
[영상] 미소동물병원 스피드 코딩
코딩하는 영상을 화면과 타이핑 두가지를 모두 찍어봤습니다.교차편집하는것은 생각보다 어려운 일이었습니다. html부분만 나오는 영상입니다~ 코딩하는 부분은 영상을 확인해주세요~
[영상] 미소동물병원 시안
디자인작업 영상을 촬영해보았습니다. 영상편집은 아직 공부중이라 어색하지만 힘내봤습니다. 디자인 과정이 궁금하시다면 영상을 확인해주세요~