본문 바로가기

전체 글78

[펌] VS Code ftp-simple https://gangnam-americano.tistory.com/26 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Stu.. gangnam-americano.tistory.com [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해.. 2020. 4. 21.
Wordpress 망보드 설치하기 https://www.mangboard.com/manual/start/ 매뉴얼 | 워드프레스 게시판 망보드 망보드 소개, 버젼별 특징, 설치방법, 게시판 추가방법 www.mangboard.com 망보드 게시판 설치하기 플러그인 자동 설치방법 망보드는 워드프레스 공식 플러그인으로 등록되어 있기 때문에 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard"로 검색해서 클릭만으로 설치가 가능합니다. 망보드 플러그인: https://wordpress.org/plugins/mangboard/ 1. 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard" 키워드를 검색합니다. 2. 망보드 플러그인이 검색되면 "지금 설치" 버튼을 클릭합니다. 3. 망보드 플러그인 설치가 완료되면.. 2020. 4. 21.
input password에 텍스트가 보이지 않을 경우 input[type=password] { font-family: 'Malgun Gothic'; } 2020. 4. 19.
미디어쿼리 @media screen and (min-width:1280px) and (max-width:1599px) { } @media screen and (min-width:1024px) and (max-width:1279px) { } @media screen and (min-width:780px) and (max-width:1023px) { } @media screen and (min-width:640px) and (max-width:779px) { } @media screen and (min-width:480px) and (max-width:639px) { } @media screen and (max-width:479px){ } 2020. 4. 10.
Mac 키보드 단축키 Mac 키보드 단축키 보통은 마우스, 트랙패드 또는 기타 입력 기기가 있어야 가능한 작업을 특정 키 조합을 눌러 수행할 수 있습니다. 키보드 단축키를 사용하려면 하나 이상의 조합 키를 누른 상태에서 단축키의 마지막 키를 누릅니다. 예를 들어 command-C(복사)를 사용하려면 command 키를 누른 상태에서 C 키를 누른 다음 두 키를 놓습니다. Mac 메뉴와 키보드에서는 다음과 같이 조합 키를 비롯하여 특정 키가 기호로 표시되기도 합니다. command(또는 cmd) ⌘ shift ⇧ option(또는 alt) ⌥ control(또는 ctrl) ⌃ caps lock ⇪ fn Windows PC용 키보드에서는 option 대신 Alt 키, command 대신 Windows 로고 키를 사용합니다. 일부.. 2020. 4. 10.
유용한 플러그인 모음 이미지 갤러리 http://fancybox.net/home 불러오는 중입니다... -prefix-free -prefix-free를 사용하면 어디에서나 접두사가없는 CSS 속성 만 사용할 수 있습니다. https://leaverou.github.io/prefixfree/ Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. Test drive Test the p.. 2020. 4. 9.
연산자 연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자입니다. 대입 연산자 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 연산자 설명 예 실행.. 2020. 4. 1.
변수와 상수 변수와 상수는, 하나의 데이터를 저장하는 그릇이고 특정 이름에 특정 값을 담을 때 사용합니다. 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 변수를 한 번 더 선언했음에도 불.. 2020. 4. 1.
유용한 css js 라이브러리 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.. 2020. 3. 31.
Bootstrap 시작하기 부트 스트랩 세계에서 가장 인기있는 프론트 엔드 컴포넌트 라이브러리를 사용하여 웹에서 반응 형 모바일 우선 프로젝트를 빌드하십시오. 부트 스트랩은 HTML, CSS 및 JS로 개발하기위한 오픈 소스 툴킷입니다. Sass 변수 및 믹스 인, 반응 형 그리드 시스템, 광범위한 사전 빌드 된 구성 요소 및 jQuery를 기반으로하는 강력한 플러그인으로 아이디어를 신속하게 프로토 타입하거나 전체 앱을 빌드하십시오. 다운로드 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com https://www.w3schools.com/bootstrap/bootstrap_ver.asp.. 2020. 3. 31.
Git 무료 웹호스팅 사용하기 gitHub에 무료로 기본 웹사이트를 만들어서 올려놓을 수 있는 웹호스팅 또는 미디어 호스팅을 만들 수 있습니다. gitHub도 트래픽 제한과 용량 제한이 있긴 합니다. 저장소 제한 용량은 1GB 입니다. 제한 트래픽은 100GB/월 1. Settings 페이지로 이동 2. 화면을 쭉 내리면 GitHub Pages 섹션이 나옵니다. Choose a theme 클릭합니다. 3. 테마를 선택합니다. (어느 것이든 상관 없습니다.) 4. 완료하면 기본 사이트가 만들어졌습니다. 웹브라우저로 https://아이디.github.io/프로젝트(저장소)이름/ 접속해보세요. https://아이디.github.io/프로젝트(저장소)이름/ https://eehd80.github.io/Oct/ 2020. 3. 26.
SASS(SCSS) 컴파일 하는 방법 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 JavaScript engine. nodejs.org 안정적, 신뢰도 높음으로 설치해주세요. 설치 후 Command Prompt 창에 다음과 같은 명령어를 쳐 넣으면 node.js 와 npm 이 설치되어있는지 확인하실 수 있습니다. node -v npm -v npm list -g 2. node-sass 설치 Command Prompt 창에 아래 명령어를 입력하면 node-s.. 2020. 3. 18.