odada

1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com 2. 내 컴퓨터에 새폴더를 만들고 Git 저장소 받아오기(clone)..

코드만 넣으면 아이콘이 뽕!!! 엄청나게 편한 Line Awesome의 사용방법에 대해 알아보겠습니다. https://icons8.com/line-awesome Download free icons, music, stock photos, vectors Designers, download the design stuff for free — icons, photos, UX illustrations, and music for your videos. icons8.com Line Awesome css를 추가하고 html 태그를 추가하면 사용이 가능합니다. 1. 시작하기 Getting Started 버튼을 눌러 시작 페이지로 이동한다. 1) 글꼴 CDN에서 로드 Font Awesome이 이미 설치되어있는 경우 간단히 ..

http://flato.kr/work/2000n/s503_write.html 이천시동행누리센터 동서양의 아름다운 정원을 품은 이천시동행누리센터으로 여러분을 초대합니다. flato.kr

그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따르면 자동으로보다 일관된 UI를 얻게 됩니다. 그리드 시스템은 균일한 요소와 간격을 사용하여 플랫폼, 환경 및 화면 크기에 일관성을 부여하고 그래픽 요소의 체계적인 배열을 도와줍니다. 또한 협업의 목적으로 ..

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..