본문 바로가기

CSS5

[Nomadcoder_VanillaJS] 크롬 App 만들기, #1.6 Your first JS Variable(변수) Nomadcoder_VanillaJS, 크롬 App 만들기 D-4 https://youtu.be/YTlHSaLdWgs 1. 변수​ ​ 1) 변경되거나 변경될 수 있는 값을 말한다. ex) a = 2 → a 안에 숫자 2를 넣은 것. a의 값이 2로 변경 a = 변수 ​ 2) 값을 준 후에도 값을 변경시킬 수 있다. ​ex) a = 2 a = 216 → 처음 a의 값은 2 그러나 'a = 216'을 입력한 후 a의 값은 216으로 변한다. ​ 3) 단순한 숫자가 아니라 연산도 저장 가능하다. ex) a = 216 b = a - 5 → b에는 216에서 5를 뺀 211의 값이 저장된다. ​ ​ 2. JS 입력 규칙 ​ JS에 입력할때는 몇 가지의 규칙이 있다. ​ 1) 각기 다른 라인에 적는다. 즉, 각각 .. 2020. 4. 8.
[Nomadcoder_VanillaJS] 크롬 App 만들기, #1.5 Hello World with Javascript_2 Nomadcoder_VanillaJS, 크롬 App 만들기 D-4 https://youtu.be/u0BypNb0lEI ↓ 크롬 App 만들기, #1.5 Hello World with Javascript_1 [Nomadcoder_VanillaJS] 크롬 App 만들기, #1.5 Hello World with Javascript_1 Nomadcoder_VanillaJS, 크롬 App 만들기 D-3 https://youtu.be/u0BypNb0lEI 1. Editor Editor는 편집 프로그램으로 편하게 코딩할 수 있도록 도와주는 프로그램이다. 종류로는 Visual Studio Code, Atom, Sublime.. jaeeun-int.tistory.com 1. JS 파일 연결 ​ 우선 JS 파일을 만들어 .. 2020. 4. 7.
[Sublime Text] 기본셋팅 단축기, CSS, JS 파일 만들기 이번엔 Sublime Text 기본셋팅 단축기와 CSS, JS 파일 생성 방법을 알아보려 한다. ↓ Sublime Text 설치 방법 [Sublime Text] 소스코드 편집기, sublime Text 설치하기 1. Sublime Text? 소스 코드 편집기 중 하나로 컴퓨터 프로그램의 소스 코드를 편집하기 위해 설계된 프로그램. 여러가지 프로그래밍 언어와 마크업 언어를 지원하고 있으며 플로그인을 통해서 여러 기능을 확장할.. jaeeun-int.tistory.com 1. 기본 셋팅 ​ HTML 코딩을 하고 싶다면 아래의 코딩을 기본으로 입력해야 한다. 자세한 설명은 링크를 클릭하면 알 수 있다. [Nomadcoder_VanillaJS] 크롬 App 만들기, #1.5 Hello World with Jav.. 2020. 4. 5.
[Nomadcoder_VanillaJS] 크롬 App 만들기, #1.5 Hello World with Javascript_1 Nomadcoder_VanillaJS, 크롬 App 만들기 D-3 https://youtu.be/u0BypNb0lEI 1. Editor Editor는 편집 프로그램으로 편하게 코딩할 수 있도록 도와주는 프로그램이다. 종류로는 Visual Studio Code, Atom, Sublime Text 등이 있따. ​ 영상에서 사용하는 Code Editor는 Repl이다. 다른 것들과 달리 굳이 다운 받지 않고도 사용할 수 있다. ​https://repl.it/ Online IDE, Editor, and Compiler - Fast, Powerful, Free Repl.it is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. .. 2020. 4. 4.
[Nomadcoder_VanillaJS] 크롬 App 만들기, #1.4 VanillaJS Nomadcoder_VanillaJS, 크롬 App 만들기 D-2 https://youtu.be/1fc0MHYb_DE 1. Why VanillaJS? ​ VanillaJS를 배우는 것 = 웹에서 기초가 되는 언어를 배우는 것 ​ Library, Framework = JavaScript의 화장과 같은 것 즉, VanillaJS를 하지 않고 먼저 접하게 되면 그 안의 있는 것은 잘 모른 채로 기구만 다룰 줄 알게 될 수 있다. ​ → 기구를 잘 사용하지만 핵심은 모르는 상태가 될 수 있기 때문이다. ​ 2. VanillaJS에 관한 사이트 http://vanilla-js.com/ Vanilla JS Vanilla JS Vanilla JS is a fast, lightweight, cross-platform .. 2020. 4. 3.