odada

1. 워드프레스 다운 받기 아래 링크를 눌러 워드프레스 zip 파일을 다운 받은 후 압축을 풀어줍니다. https://ko.wordpress.org/download/ Download Download WordPress today, and get started on creating your website with one of the most powerful, popular, and customizable platforms in the world. ko.wordpress.org 2. FTP 접속 후 업로드 본인 계정에 접속하여 다운 받은 워드프레스 파일을 /html 폴더에 업로드합니다. 설치는 끝났습니다. 참 쉽죠? 이제 wp 설정만 하면 됩니다. 3. 내 사이트 주소로 접속합니다. 내 닷홈 주소로 접속합니다..

Mac 키보드 단축키 보통은 마우스, 트랙패드 또는 기타 입력 기기가 있어야 가능한 작업을 특정 키 조합을 눌러 수행할 수 있습니다. 키보드 단축키를 사용하려면 하나 이상의 조합 키를 누른 상태에서 단축키의 마지막 키를 누릅니다. 예를 들어 command-C(복사)를 사용하려면 command 키를 누른 상태에서 C 키를 누른 다음 두 키를 놓습니다. Mac 메뉴와 키보드에서는 다음과 같이 조합 키를 비롯하여 특정 키가 기호로 표시되기도 합니다. command(또는 cmd) ⌘ shift ⇧ option(또는 alt) ⌥ control(또는 ctrl) ⌃ caps lock ⇪ fn Windows PC용 키보드에서는 option 대신 Alt 키, command 대신 Windows 로고 키를 사용합니다. 일부..

이미지 갤러리 fancyapps.com/fancybox/3/ fancybox - Touch enabled, responsive and fully customizable jQuery lightbox script Combination of jQuery, CSS transitions to spice up the way modal window opens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor nibh eu nibh scelerisque malesuada. Morbi mollis eleifend turpis. Mauris consequat convallis volutpa fancyapps.com http://fan..

연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자입니다. 대입 연산자 JavaScript에서 등호 ( =)는 "같음"연산자가 아니라 "대입"연산자입니다. let x = 10; x = x + 5; // x += 5; console.log(x); JavaScript에서는 x + 5의 값을 x에 할당합니다.. (x + 5의 값을 계산하고 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.) "같음"연산자는 == JavaScript 와 같이 작성 됩니다. 산술 연산사 산술 연산자는 사칙연산과 같은 작업을 하는 연산자를 의미합니다. var x = 5; var y = 2; var z = x + y; // 7 var x = 5; var y = 2; var z = x * y; // 10 연산자 설명 예 실행..

변수와 상수는, 하나의 데이터를 저장하는 그릇이고 특정 이름에 특정 값을 담을 때 사용합니다. let x = 1; console.log(x); // 1 let y = 2; console.log(y); // 2 let z = x + y; console.log(z); //3 x는 값 5를 저장합니다 y는 값 6을 저장합니다 z는 값 11을 저장합니다 변수 변수는 바뀔 수 있는 값을 말하고 한번 값을 선언하고 바꿀 수 있습니다. var 지금까지 많이 사용해온 var 변수 선언 방식은 큰 단점이 있다. var name = 'Html' console.log(name) // Html var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불..

WAW.js https://wowjs.uk/ wow.js — Reveal Animations When Scrolling wowjs.uk CSS3Animate https://jackonthe.net/css3animateit/ CSS3 Animate It Examples - Animate Elements on Scroll Sequencing If you want to have a set of animations start one after the other then you can set a sequence time in ms using "data-sequence" then define the order with "data-id". It Works! This animation will start 500ms a..

sass-lang.com/ Sass: Syntactically Awesome Style Sheets Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. sass-lang.com 중첩 HTML 을 작성할 때 분명히 중첩되고 시각적인 계층 구조가 있음을 알게 될 것입니다. 반면에 CSS 는 그렇지 않습니다. Sass를 사용하면 HTML 의 동일한 시각적 계층 구조를 따르는 방식으로 CSS 선택기 를 중첩시킬 수 있습니다 . 지나치게 중첩 된 규칙은 유지하기 어려울 수 있고 일반적으로 나쁜 관행으로 간주 될 수있는 CSS 를 초과하게됩니다 . 이를 염두에두고 다음은 사이트 탐색을위..

gitHub에 무료로 기본 웹사이트를 만들어서 올려놓을 수 있는 웹호스팅 또는 미디어 호스팅을 만들 수 있습니다. gitHub도 트래픽 제한과 용량 제한이 있긴 합니다. 저장소 제한 용량은 1GB 입니다. 제한 트래픽은 100GB/월 1. Settings 페이지로 이동 2. 화면을 쭉 내리면 GitHub Pages 섹션이 나옵니다. Choose a theme 클릭합니다. 3. Source에서 Branch: main / (root) 선택 후 저장합니다. 4. 완료하면 기본 사이트가 만들어졌습니다. 웹브라우저로 https://아이디.github.io/프로젝트(저장소)이름/ 접속해보세요. https://아이디.github.io/프로젝트(저장소)이름/ eehd80.github.io/bullbull/index.h..

sass는 css 코딩을 쉽게 할 수 있도록 도와줍니다. sass-lang.com/ Sass: Syntactically Awesome Style Sheets Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. sass-lang.com SASS(SCSS)를 컴파일하기 위해선 node-sass를 설치해야 하고 node-sass를 설치하려면 node.js가 필요합니다. 아래 순서로 설치해주세요~ 1. node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaSc..

1. EDIT 프로그램 - Vscode 시험장에 설치되어 있는 vscode를 사용해 공부해보겠습니다. 아래 사이트에서 vscode를 설치해주세요. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud appli..