웹46 워드프레스 웹 사이트 제작하기 01. 카페 24 호스팅 워드프레스로 웹 사이트를 만들기에 앞서 워드프레스를 설치해주어야 합니다. 하지만 웹 호스팅을 아직 하지 않으셨다면 워드프레스 설치하기 전 웹 호스팅을 먼저 신청해주세요. 카페 24를 이용하여 호스팅 신청을 해보겠습니다. https://www.cafe24.com/ 카페24 No.1 글로벌 전자상거래 플랫폼 '카페24' www.cafe24.com 먼저 카페24 홈페이지를 들어가 주세요. 10G광호스팅으로 들어가 주세요. 처음 웹 사이트를 만들어보시는 경우에는 하드용량과 트래픽 용량을 알 수 없는 경우가 많습니다. 그래서 일단은 절약형으로 만들어 보신 후에 추후에 용량을 추가하는 식으로 하시는 것이 좋습니다. 신청하기를 눌러주세요. 서버 환경은 최신 버전으로 선택해주세요. 도메인은 무료 도메인으로 선택해주시고.. 2020. 8. 23. [Js] 카카오맵 API 키 간단하게 발급받는 방법 2018년 12월 31일 부로 다음 지도 API 사용은 중지되었다고 하네요. Kakao 맵 API 만 사용 가능하니 참고해주세요. 1. 먼저 카카오 개발자 페이지로 들어가 주세요. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 회원가입 후 로그인을 하신 후에 내 애플리케이션으로 들어갑니다. 3. 내 애플리케이션을 들어가서 애플리케이션 추가하기 버튼을 눌러줍니다. 4. 추가하기 버튼을 누르시면 아래와 같은 창이 나오게 됩니다. 앱 이름과 회사 이름을 적어주세요. (영어 이름으로 쓰는 것이.. 2020. 7. 12. [SASS] Sass란 / 간단하게 설치하기 / vscode scss 설정 / 파셜(partial)파일 1. Sass란?Sass는 CSS 전처리기입니다.CSS의 단점을 보완하여 보다 가독성이 높고 코드의 재사용성이 유리합니다.CSS의 문법은 배우기가 쉬워 프로젝트의 규모가 작을 때는 문제가 없어보이지만, 프로젝트의 규모가 커지면 수정이 빈번히 발생하게 되면 코드가 지저분해지고 유지보수가 어려워지는 단점을 가지고 있습니다.Sass는 보다 심플한 표기법과 CSS를 구조화하여 표현할 수 있습니다. 2. 설치하기(window)1) 먼저 루비언어를 설치해줍니다. (without dev 최신버전으로)https://rubyinstaller.org/downloads/2) cmd 창에서 gem install sass 입력해서 sass를 설치해줍니다.3) sass -v 로 설치된 버전 정보를 확인해줍니다. 3. vscode.. 2020. 6. 9. [CSS] @keyframes / animation 속성 / 애니메이션 구현 1. keyframes @keyframes는 각 구간에서 어떤 스타일로 모션을 적용시킬지 정하는 문법입니다. IE는 버전 10 이상에서 사용할 수 있습니다. 크롬, 사파리는 -webkit- 만 붙이면 거의 모든 버전 가능합니다. 문법 @keyframes name{ 0%{ } 100%{ } } name - keyframes가 적용될 이름을 정합니다. 0% - 시작할 때 적용될 구간 100% - 끝날 때 적용될 구간 예제 @keyframes fadeIn{ 0%{ opacity: 0; } 100%{ opacity: 1; } } 2. Animation animation 속성은 애니메이션에 이름을 지정하거나 지속시간, 속도 조절 등을 지정할 수 있는 속성을 가지고 있습니다. animation 축약형 animati.. 2020. 5. 30. 이전 1 2 3 4 5 ··· 12 다음
