개발자
-
자바스크립트 - 조건문JavaScript/기본 2020. 2. 24. 15:50
조건문의 문법을 알아보도록 하자! 조건문이란? 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것을 의미한다. if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. if(true){ alert('결과 : true'); } 조건이 참이면, 경고창이 뜨고 if(false){ alert('결과 : false'); } 조건이 거짓이면, 경고창이 뜨지 않을 것 이다. else if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. if(true){ alert(1); } else { alert(2); } 조건이 참이기 때문에, if의 중괄호 구간이 실행되고 1이라는 경..
-
HTML - 기본문법HTML/HTML 2020. 2. 23. 23:35
오늘은 가장 기본적인 문법 태그를 알아보겠다. 여기서 태그란? 꺾세 괄호 사이에 들어가는 값들을 태그라 하고, (시작 태그) ~ (닫히는 태그)로 표시한다. 이 태그가 HTML 문법에서 가장 중요하며, 꼭 공부해야 한다. 몇 가지 기본 태그들을 알아보겠다. 만약, 글자를 강조하고 싶다면? ~ 뒤에 따라오는 글자를 "진하게 표시하라."라는 '강조한다' 의미를 가지고 있다. 안녕하세요.저는 개발자 입니다. 만약 제목을 작성하고 싶다면? ~ heading1의 약자이며, heading은 제목을 의미하기 때문에 '제목 1'이라는 뜻이다. 즉, ~ 사이에 글자들을 제목으로 인식한다. 오늘의 제목 만약 작은 제목을 작성하고 싶다면? ~ 로 작성하면 소제목이 된다. 오늘의 제목 오늘의 소제목
-
자바스크립트 - 비교JavaScript/기본 2020. 2. 20. 23:32
오늘은 자바스크립트의 비교 연산자에 대해서 알아보려고 한다. 자! 여기서 연산자란? → 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호이다. 우리는 이전에 이미 연산자를 사용했다. 그것은 바로 a에 1을 넣게 해주는 대입 연산자이다. a = 1 // 대입 연산자 1 = 2 // 1에 2를 대입할 수 없기 때문에, 이러한 경우를 상수라 한다. 그러면 프로그래밍에서 비교란 무엇인가? → 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이때 비교 연산자를 사용하는데 비교 연산자의 결과는 true / false 중 하나이다. true는 비교 결과가 참이라는 것을 뜻하고. false는 거짓을 의미한다. 또, true와 false는 boolean이라는 데이터 형식을 지니고 있다. 그..
-
자바스크립트 - 변수JavaScript/기본 2020. 2. 20. 21:38
오늘은 변수와 간단한 문법에 대해 알아보자! 변수란 무엇인가? → 변수(Variable)는 (문자 혹은 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 그리고 여기에 담긴 값은 다른 값으로 바꾸는 것이 가능하다. 그렇다면 선언은 어떻게 할 것인가? 자바스크립트에서 변수는 var로 시작한다. → 여기서 var는 변수를 선언하겠다는 것을 의미! var를 생략 할수도 있지만 이것은 유효 범위라는 것에 영향을 미친다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. var a = 1; alert(a+1); //결과: 2 변수 a에 1이 담겨지고, 1일 담긴 a와 숫자 1을 더해 경고창에 2라는 값이 출력된다. 여기서 혹시 모르니, //(주석)과 ;(세미콜..
-
자바스크립트 - 숫자와 문자JavaScript/기본 2020. 2. 19. 23:43
오늘은 숫자의 표현과 문자의 표현에 대해서 알아보도록 하자. 프로그래밍 언어를 배울 때, 우리는 가장 기본적으로 데이터를 알아야 한다. 데이터라는 것은 정보이고, 그 정보는 프로그래밍에서 그 정보가 무엇인가에 따라서 타입이 존재한다. 예를 들면, 숫자의 타입, 문자의 타입 등등 아마, 숫자와 문자가 젤 익숙할 것이다. 첫 번째로 숫자! 자바스크립트에서는 큰따옴표(")나 작은따옴표(')가 붙지 않은 숫자는 숫자로 인식한다. alert(1+1); // 결과: 2 alert(1.2 + 1.3); // 결과: 2.5 곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8)를 사용한다. alert(2 * 5); 나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shi..
-
자바스크립트 - 크롬 개발자 도구와 실습환경JavaScript/기본 2020. 2. 19. 21:28
이번 시간에 살펴볼 내용은 바로 크롬 개발 도구와 실습환경에 대해서 다뤄 보려고 한다. 가끔 파일에 직접 작성하는 게 귀찮을 때가 있다 그럴 때, 손쉽게 자바스크립트를 실행할 수 있는 방법을 소개하려고 한다. 일단 필자는 크롬을 기준으로 할 것이다. 우선, [F12] 키를 누르면 이렇게 [크롬 개발자 도구]가 화면에 보여진다. 그럼 여기서! 크롬 개발자 도구란 무엇인가? → 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공한다. 이를 개발자 도구라고 하고, 이 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있다. 이렇게 띄어진 화면 밑에 Console 창에 자바스크립트 코드를 작성하고 실행하면, 이렇게 경고창이 화면에 보인다. 이렇게 크롬 ..
-
자바스크립트 - 언어의 이해와 환경JavaScript/기본 2020. 2. 19. 15:39
오늘은 자바스크립트의 언어의 이해와 환경을 다뤄보겠습니다! 기본적으로 우리가 프로그래밍 언어를 공부하는 것은? → 의사소통을 위한 약속 때문 혹은 문법을 이해하기 위해 공부를 한다고 생각한다. 하지만, 우리는 문법뿐만 아니라 언어가 동작하는 환경 또한 공부를 해야 한다. 자바스크립트는 웹 브라우저를 동작시키기 위한 도구였지만, 탈웹 브라우저, 탈웹을 보면서 자바스크립트는 다양한 분야에서 사용되고 있기 때문에 이 언어라는 것과 언어가 동작하는 환경을 분리해서 생각하면서 공부하는 것이 좋다. 자! 그렇다면 여기서 말하는 환경이란 무엇인가? → 언어를 사용하는 대상을 의미한다. 예를 들면, 한국어는 언어이며, 아무리 한국어라 해도, 의사에게 "개발해주세요."라고 하거나, 또는 변호사에게 "치료해주세요."라고 ..
-
자바스크립트 - 웹 서버 관계JavaScript/기본 2020. 2. 18. 23:25
오늘은 자바스크립트와 웹 서버에 대해서 정리합시다! 자바스크립트는 기본적으로 웹브라이저를 제어하기 위한 언어이고, 그러한 용도로 만들어졌다. 그렇다면! 자바스크립트가 웹 서버 다룰 수 있을까?? 답변 : "네 다룰 수 있습니다." 여기서 웹 서버란? → 웹서버 소프트웨어가 동작하는 컴퓨터를 의미하며, 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달하는 것이다. 자바스크립트는 많은 사람들로부터 사용이 되고 있으며, 자바스크립트와 관련된 여러 가지 기술들이 개발되는 과정에서 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들이 등장하게 되었다. 그 기술은 바로, node.js 이다. 우리가 흔히 알고 있는 대표적인 웹 서버를 다루는 기술들은 php, java, python, ruby 등이 존재..