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 git을 사용하려면 nodejs가 깔려있어야 합니다. 없으신 분은 깔..

크롬브라우저를 열어 개발자모드를 엽니다. 개발자 도구는 윈도우 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..

JavaScript 는 뭔가요? JavaScript 는 웹 브라우저에서 사용하기 위하여 만들어진 HTML과 웹의 프로그래밍 언어입니다. 왜 JavaScript를 공부해야합니까? JavaScript는 모든 웹 개발자 가 배워야 하는 3 가지 언어 중 하나입니다 . 1. 웹 페이지의 내용을 정의하는 HTML 2. 웹 페이지의 레이아웃을 지정하는 CSS 3. 웹 페이지의 동작을 프로그래밍하는 JavaScript JavaScript가 사용되는 곳은 웹 페이지뿐이 아닙니다. 많은 데스크탑 및 서버 프로그램이 JavaScript를 사용합니다. Node.js가 가장 잘 알려져 있습니다. MongoDB 및 CouchDB와 같은 일부 데이터베이스도 프로그래밍 언어로 JavaScript를 사용합니다. 이 언어는 90년대부..

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

작업 전 프로그램 설치가 필요합니다. 설치를 위해 아래 페이지를 참고하세요. 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’)가 없도록 코딩하여야..

https://space.malangmalang.com/open?fileId=m:0:696672933&lang=ko 웹디자인기능사 실기 한컴스페이스로 공유함 space.malangmalang.com 웹디자인기능사 실기자료입니다. JUST 쇼핑몰 메인을 HTML5, CSS, jQuery를 이용해 4시간 안에 제작하여 제출하면 됩니다. HTML 1시간 / CSS 1시간30분 / JS 1시간으로 시간 분배해서 연습하시면 좋을 듯합니다. 아래 기획서를 보고 중요한 부분을 체크하고 시작하세요. 중요(★★★★★) 체크 포인트 시험시간 내에 웹페이지를 제작 후 5MB 용량이 초과되지 않게 저장 후 제출한다. images(폴더) / script(폴더) / css(폴더)를 만들어 index.html, css, js 파일..

웹디자인 기능사 필기 2014년 ~ 2016년도까지의 기출문제 입니다. 기출문제 위주로 문제를 외워가시면 됩니다. 아래 링크를 열어보세요~ 필기자료 https://space.malangmalang.com/open?fileId=m:0:696670187&lang=ko 웹디자인기능사 한컴스페이스로 공유함 space.malangmalang.com 실기자료 https://space.malangmalang.com/open?fileId=m:0:696672933&lang=ko 웹디자인기능사 실기 한컴스페이스로 공유함 space.malangmalang.com

VS Code 란? (Visual Studio Code) MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며, IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있다. Atom, Brackets 등과 유사. 설치방법 Windows https://code.visualstudio.com 에 접속하여 다운로드 후 설치 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code i..

- command + shift + f : 크롬 창 탭, 즐겨찾기 보이기 - command + control + f : 창 최대화 + 오른쪽 패널로 화면이동 - fn + F11 또는 command + F3 : 바탕화면 바로가기 - fn + up : page up - fn + down : page down - command + up : home - command + down : end - command + m : 최소화 ( 휴지통 옆 닥에 아이콘화됨 ) - command + , : 환경설정 ( preference ) - command + shift + 4 : 부분 스크린샷 ( 마우스로 드래그 한 부분이 스크린샷 된다. ) - command + shift + 4 + space + click : 현재창 스크린..

CSS 전환을 사용하면 지정된 기간 동안 속성 값을 부드럽게 변경할 수 있습니다. CSS 전환 효과를 보려면 아래 요소 위로 마우스를 이동하십시오. CSS 이 장에서는 다음과 같은 속성에 대해 설명합니다. transition transition-delay transition-duration transition-property transition-timing-function