본문 바로가기

전체 글123

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를 체크하지 마세요 2. 프.. 2020. 3. 11.
05- [웹디자인기능사] 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’)가 없도록 코딩하여야.. 2020. 3. 10.
99.5% 선정되는 맛깔나는 제안서(사업계획서)작성팁 게시자: MR.K 이번 포스팅은 좀 자극적인 구문으로 제목을 정해보았다. 나는 제안서를 대학생때부터 작성을 했었다. 시기적으로는 9년 넘게 작성을 했었고, 수많은 공모전에서 시작해서 창업 지원사업 최대 1억5천까지 지원서를 작성하였다. 그이상의 고퀄리티 제안서는 아직 내공이 부족함을 알려둔다. 그러기에 본 내용은 정말 초보, 창업 기업이 참조 했으면 하는 내용으로 그리고 기본적 사항 및 일반 기업에서도 알려주지 않는 전략적 팁 위주로 작성하겠다. 1장. 제안서의 승폐는 제목에서 결정된다 (약 80%) 제목 그대로 제안서(사업계획서)는 제목에서 80%정도 승폐가 결정된다고 해도 과언이 아니다. 내가 처음 공모전 제안서를 작성했을때 제목은 대부분 아이템 명칭이었다. 초경량리모컨, 고열효율난로, 좋은피부관리기.. 2020. 3. 8.
02- [웹디자인기능사] 실기 자료 웹디자인기능사 실기자료입니다. 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.
01- [웹디자인기능사] 필기 기출문제 웹디자인 기능사 필기 2014년 ~ 2016년도까지의 기출문제 입니다. 기출문제 위주로 문제를 외워가시면 됩니다. 아래 링크를 열어보세요~ https://space.malangmalang.com/open?fileId=m:0:696670187&lang=ko 웹디자인기능사 한컴스페이스로 공유함 space.malangmalang.com 2020. 3. 6.
hexo와 github로 blog 구축하기 hexo와 github로 블로그 구축하기 개발(합니다)/시나브로(이슈) 2018. 12. 7. 15:40 블로그 시작 전부터 하는 갈등 이전부터 개발자스럽게 직접 구축해서 블로그를 운영해보고 싶었습니다. 정적페이지를 운영해보고 싶어서 찾아본 결과 일반 블로그 1. 네이버 2. 티스토리 플랫폼 제공형 일반 블로그는 두 가지가 우리나라에서는 대표적이었습니다. 카페24 같은 호스팅 업체에서는 블로그 보다 쇼핑몰 정적페이지 제공을 합니다. 구축형 블로그 1. 워드프레스 2. git hub 3. git lab 4. 손수 개발 이런 저런 고민 끝에 티스토리로 정했습니다. 장점 1. HTML 작성이라는 일말의 자유 2. 초대장 형태(지금은 없어짐) 3. 플러그인 지원 4. 깔끔한 스킨 5. 파일 데이터의 여유와 안전.. 2020. 3. 3.
GitHub 자주 사용하는 명령어 정리 GitHub 명령어 요약 git init : git 생성하기 git clone git_path : 코드가져오기 git checkout branch_name : 브랜치 선택하기 git checkout -t remote_path/branch_name : 원격 브랜치 선택하기 git branch branch_name : 브랜치 생성하기 git branch -r : 원격 브랜치 목록보기 git branch -a : 로컬 브랜치 목록보기 git branch -m branch_name change_branch_name : 브랜치 이름 바꾸기 git branch -d branch_name : 브랜치 삭제하기 git push remote_name — delete branch_name : 원격 브랜치 삭제하기 ( git.. 2020. 3. 2.
git 설치 및 가입 GitHub 란 무엇입니까? GitHub는 버전 제어 및 협업을위한 코드 호스팅 플랫폼입니다. 그것은 당신과 다른 사람들이 어디서나 프로젝트에 협력 할 수 있습니다. 이 튜토리얼에서는 리포지토리 , 브랜치 , 커밋 및 풀 요청 과 같은 GitHub 필수 사항에 대해 설명 합니다 . 자신 만의 Hello World 리포지토리를 만들고 코드를 만들고 검토하는 일반적인 방법 인 GitHub의 풀 요청 워크 플로를 배우게됩니다. 코딩 불필요 이 튜토리얼을 완료하려면 GitHub.com 계정 과 인터넷 액세스 가 필요합니다 . 코딩, 명령 줄 사용 또는 Git (버전 제어 소프트웨어 GitHub가 내장 된)을 설치하는 방법을 몰라도됩니다. 팁 : 이 안내서를 별도의 브라우저 창 (또는 탭)에서 열면 자습서의 단계.. 2020. 3. 2.
그리드 시스템 그리스 시스템 샘플 http://gridcalculator.dk/#/1500/12/20/10 Grid Calculator by Nicolaj Kirkgaard Nielsen gridcalculator.dk 그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따.. 2020. 3. 2.
VS Code VS Code 란? (Visual Studio Code) MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며, IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있다. Atom, Brackets 등과 유사. 설치방법 Windows https://code.visualstudio.com 에 접속하여 다운로드 후 설치 Ubuntu Visual Studio Code 설치 Visual Studio Code 다운로드 링크 에서 Linux .deb 파일 다운로드 $ sudo dpkg -i code_1.23.1-1525968403_amd64.deb 만약 Package libconf-24 is not installed. 에러가 발생한다면 $ sudo apt-.. 2020. 2. 28.