TIL/JavaScript with 생활코딩 (8) 썸네일형 리스트형 JavaScript - 조건문(1/5, 2,/5, 3/5, 4/5, 5/5) 6 안녕하세요 오늘은 조건문에 대해서 정리해보겠습니다. 1/5조건문은 컴퓨터가 계산기와 구분되는 가장 중요한 차이중 하나입니다.조건문은 요번 강의중 가장 중요하다고 해도 과언이 아니라고 합니다. 조건문 : 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는것이다. 조건문은 if로 시작하고 if 괄호에 조건을 넣어주게 됩니다. 조건이 될수 있는 값은 boolean(true/false)뿐입니다.if 조건의 값이 true 경우 if의 중괄호{ } 속의 명령이 수행되고 false는 수행이 되지 않습니다.소스로 보여드리겠습니다.123456789cs위의 소스는 실행됨 이라는 안내창이 뜨고 끝이라는 안내창이 뜨게될것입니다.실행안됨 안내창은 조건문이 false이기 떄문에 실행되지 않습니다. 이러한 이유로 조건문과.. JavaScript - 비교(1/4, 2/4, 3/4, 4/4) 5 안녕하세요 오늘은 생활코딩 비교에 대한 공부내용을 정리하겠습니다. 1/4 연산자란?두 개의 값이 같은지 어느 쪽이 큰지 판별하는 것입니다. 비교의 기능은 조건문과 결합했을 때 효용이 드러납니다. 먼저 연산자에 대해 알아보겠습니다. 연산자는 어떤 작업을 컴퓨터에게 지시하기 위한 기호입니다. 대표적을 대입 연산자인 "=" 이 있고 a = 1;이라는 코드는 a라는 변수에 1을 대입한다는 것입니다. 대입 연산자의 좌우항 모두 상수를 넣을 수는 없습니다. 비교 연산자에는 "==,, ="가 있고 "=="은 좌우가 같은지를 확인해 주고 나머지 기호들은 수학에서 알고 있는 뜻과 같습니다. " 2/4 ==과===연산자는 기호로 이루어져 있습니다. "=="은 동등 연산자로 좌우항을 비교합니다. 1234 alert(.. JavaScript - 주석 & 줄바꿈과 여백 4 안녕하세요 오늘은 주석에 관련된 자바스크립트를 공부해 보겠습니다. 주석을 이용하면 주석 뒤의 내용은 자바스크립트에서 해석을 하지 않습니다. 먼저 아래와 같은 코드를 작성후 크롬에서 열어주고 개발자 모드를 킨다면12345678910111213!DOCTYPE html>html>head> meta charset="utf-8"> meta name="viewport" content="width=device-width, initial-scale=1"> title>/title>/head>body>script type="text/javascript"> 주석/script>/body>/html>Colored by Color Scriptercs 아래와 같은 에러를 볼수 있습니다. 요기서 at demo2.. JavaScript - 변수(1/2,2/2) 3 안녕하세요 오늘은 변수에 대한 글을 작성하겠습니다. 1/2 변수(Variable)는 문자나 숫자 같은 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용 담긴 값은 바뀔 수 있습니다. 자바스크립에서 변수는 var로 선언을 합니다. ex) var a = 1; a라는 이름을 가지고 있는 변수가 1을 가지고 있는 것입니다. var은 생략이 가능하지만 왜 생략하는지 알기 전까지는 var을 생략하지 않는 것이 좋습니다. 콘솔을 통해 간단하게 실습을 해보면 a라는 변수를 선언해 주고 alert에 a를 넣어주면 1이 출력되게 됩니다. 변수를 이용해서 연산도 가능합니다. ex) var a=1;var b=2; 를 넣고 alert(a+b);를 수행하면 3이 출력됩니다. 콘솔을 통해 간단히 실습한 사진을 보여드리겠습니다.. JavaScript - 숫자와 문자(3/4,4/4) 2 안녕하세요 문자에 관련된 강의 내용 정리 시작하겠습니다. 3/4자바스크립트에서 문자 경고를 띄우기 위해서는 alert("")을 사용해야 합니다. 요기서 중요한 점은 " "또는 ' '사이에 문자를 넣어주어야 합니다. 작은 따옴표는 작은 따옴표끼리 큰 따옴표는 큰 따옴표끼리 묶어주어야 합니다. " ' 또는 ' " 로 묶어주면 SyntaxError가 발생하게 됩니다. 하지만 " "또는 ' ' 사이에 지금 처림 " ' " 이리 써주는 건 에러발생을 하지 않습니다. ' " ' 마찬가지로 에러가 발생하지 않습니다. 하지만 ' ' ' 에서 처럼 같은 따옴표를 3개를 써주면 에러가 발생합니다. 에러가 발생하지 않게 하기 위해서는 \를 앞에 넣어주어야 합니다. ' \' ' 이런식으로 작성해 주면 에러가 발생하지 않.. JavaScript - 숫자와 문자(1/4,2/4) 2 안녕하세요 요번 시간에는 숫자와 문자에 대한 공부 내용을 적어보겠습니다. 데이터는 정보이고 정보에는 타입이 있습니다. 그중 숫자와 문자를 먼저 배워보겠습니다. 1/4그전에 앞서 Sublime Text 에디터를 다루는 방법을 배웠습니다.먼저 에디터를 켜면 아래와 같은 화면이 나옵니다. 이때 왼쪽에 open files 공간이 없으면 아래 사진과 같이 view > Side Bar > Show Open Files를 눌러주시면 됩니다. 아래 사진은 누른 후 open files가 생성된 모습입니다. 다음으로 프로젝트 디렉터리 설정방법을 배워보겠습니다. 위의 경로로 들어가 현재 작업 중인 프로젝트 디렉터리를 선택하면 됩니다. 왼쪽에 지정한 디렉토리에서 마우스 우클릭을 통해 폴더 및 새로운 파일을 생성할 수 있.. JavaScript - 실행과 실습(1/3,2/3,3/3) 1 안녕하세요 금일 생활코딩 자바스크립 공부 내용을 공유드립니다. 실행과 실습(1/3)가장 첫 수업인 만큼 다른 개발도구를 사용하지 않고 메모장을 이용하여 수업을 진행했습니다. 수업의 내용으로는 html안에 자바 스크립트 소스가 존재하며 html 사이에 자바스크립트 소스 투입하여야 합니다. 또 컨트롤 + o로 작성한 html을 브라우저에 불러올 수 있습니다(크롬/윈도우) 메모장에서 작성한 html파일을 저장할 때 주의 사항은 파일명의 확장자는 html 파일형식은 보든 파일로 변경 그리고 인코딩은 유니코드로 변경해 주어야 합니다. 실행과 실습(2/3)파일 작성이 귀찮을 때 간단하게 개발자도구 consol을 이용하여 자바스크립트 코드를 확인할 수 있는 방법을 알려주었습니다. F12를 눌러 개발자 도구 접.. 자바 스크립트 공부1 한동안 웹공부를 안하고 있다가 다시 공부를 시작 할려고 하니 까먹은 것들이 너무 많아 자바스크립트와 함께 병행하며 공부를 시작하려 합니다.자바스크립트는 생활코딩 자바스크립트 인문수업을 바탕으로 공부하겠습니다. https://www.youtube.com/watch?v=PZIPsKgWJiw&list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU 이전 1 다음
