본문 바로가기

전체 글81

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.
웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like gettin.. 2020. 3. 18.
Git 저장소의 데이터 복제하기 1. 내 컴퓨터에 새폴더를 만들고 Git 저장소 받아오기 생성한 저장소 인터페이스 오른쪽에 있는 Clone or download 버튼을 클릭 한 후, https 주소를 클립보드에 저장합니다. 명령어 도구를 열어 원격저장소를 복사할 위치로 이동합니다. # 데스크톱으로 이동할 경우 $ cd ~/Deskop # 도큐멘트로 이동할 경우 $ cd ~/Document git clone 명령을 사용하면 원격저장소의 데이터를 로컬 컴퓨터로 다운로드 받습니다. $ git clone https://github.com//.git $ git clone https://github.com/eehd80/200202-odada.git 현재 폴더에 clone 하고 싶을 경우 => git 원격저장소 주소 뒤에 한칸 띄고0 .(점)을 붙.. 2020. 3. 18.
Hello JavaScript! 크롬브라우저를 열어 개발자모드를 엽니다. 개발자 도구는 윈도우 Ctrl + Shift + I 또는 macOS Command + Option + I 키를 눌러서 열 수 있습니다. 크롬 개발자 도구에서 Console 탭을 열고 입력창에 아래 코드를 입력하세요. console.log 는 콘솔에 특정 내용을 출력하라는 것을 의미합니다. console.log('Hello JavaScript!'); 이번에는 다음 코드를 입력해보세요. console.log(1 + 2 + 3); 우리는 Javascritp를 통해 연산을 할 수도 있습니다. 지금부터는 CodeSandbox 사이트에서 코드를 작성해보겠습니다. https://codesandbox.io/ CodeSandbox: Online IDE for Rapid Web D.. 2020. 3. 14.
JavaScript 입문 JavaScript 는 뭔가요? JavaScript 는 웹 브라우저에서 사용하기 위하여 만들어진 HTML과 웹의 프로그래밍 언어입니다. 왜 JavaScript를 공부해야합니까? JavaScript는 모든 웹 개발자 가 배워야 하는 3 가지 언어 중 하나입니다 . 1. 웹 페이지의 내용을 정의하는 HTML 2. 웹 페이지의 레이아웃을 지정하는 CSS 3. 웹 페이지의 동작을 프로그래밍하는 JavaScript JavaScript가 사용되는 곳은 웹 페이지뿐이 아닙니다. 많은 데스크탑 및 서버 프로그램이 JavaScript를 사용합니다. Node.js가 가장 잘 알려져 있습니다. MongoDB 및 CouchDB와 같은 일부 데이터베이스도 프로그래밍 언어로 JavaScript를 사용합니다. 이 언어는 90년대부.. 2020. 3. 14.
Git 저장소에 코드 올리기 Git 저장소의 간단 구조 1. Git 사이트 회원 가입 후 리포지토리 생성하기 아래 사이트에서 회원가입을 해주세요~ https://github.com/ Build software better, together GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com 저장소 생성을 위해 Repositories를 생성합니다. README파일은 내 컴퓨터에서 생성하려하니 여기에선 만들지 않습니다. Initialize this repository with a README를 체크하지 마세요 리포지토.. 2020. 3. 11.
웹디자인기능사 HTML 제작하기 작업 전 프로그램 설치가 필요합니다. 설치를 위해 아래 페이지를 참고하세요. https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A modern, open source code editor that understands.. oddcode.tistory.com HTML 코딩 시 체크포인트 웹페이지 코딩은 HTML5 기준 웹 표준을 준수하여야 하며, HTML 유효성검사 (W3C validator)에서 오류(‘ERROR’)가 없도록 코딩하여야 한다. ※ HTM.. 2020. 3. 10.
99.5% 선정되는 맛깔나는 제안서(사업계획서)작성팁 게시자: MR.K 이번 포스팅은 좀 자극적인 구문으로 제목을 정해보았다. 나는 제안서를 대학생때부터 작성을 했었다. 시기적으로는 9년 넘게 작성을 했었고, 수많은 공모전에서 시작해서 창업 지원사업 최대 1억5천까지 지원서를 작성하였다. 그이상의 고퀄리티 제안서는 아직 내공이 부족함을 알려둔다. 그러기에 본 내용은 정말 초보, 창업 기업이 참조 했으면 하는 내용으로 그리고 기본적 사항 및 일반 기업에서도 알려주지 않는 전략적 팁 위주로 작성하겠다. 1장. 제안서의 승폐는 제목에서 결정된다 (약 80%) 제목 그대로 제안서(사업계획서)는 제목에서 80%정도 승폐가 결정된다고 해도 과언이 아니다. 내가 처음 공모전 제안서를 작성했을때 제목은 대부분 아이템 명칭이었다. 초경량리모컨, 고열효율난로, 좋은피부관리기.. 2020. 3. 8.
웹디자인기능사 실기 자료 웹디자인기능사 실기자료입니다. JUST 쇼핑몰 메인을 HTML5, CSS, jQuery를 이용해 4시간 안에 제작하여 제출하면 됩니다. HTML 1시간 / CSS 1시간30분 / JS 1시간으로 시간 분배해서 연습하시면 좋을 듯합니다. 아래 기획서를 보고 중요한 부분을 체크하고 시작하세요. 중요(★★★★★) 체크 포인트 시험시간 내에 웹페이지를 제작 후 5MB 용량이 초과되지 않게 저장 후 제출한다. images(폴더) / script(폴더) / css(폴더)를 만들어 index.html, css, js 파일을 각 폴더에 제작한다. 웹페이지 코딩은 HTML5 기준 웹 표준을 준수한다. CSS, Javascript는 별도의 파일로 제작하여 링크(External)로 연결한다. 웹페이지의 전체 레이아웃은 Ta.. 2020. 3. 6.
웹디자인 기능사 필기 기출문제 웹디자인 기능사 필기 2014년 ~ 2016년도까지의 기출문제 입니다. 기출문제 위주로 문제를 외워가시면 됩니다. 아래 링크를 열어보세요~ https://space.malangmalang.com/open?fileId=m:0:696670187&lang=ko 웹디자인기능사 한컴스페이스로 공유함 space.malangmalang.com 2020. 3. 6.