본문 바로가기

IT 인터넷/javascript

 (28)
[javascript 언어공부] 논리 연산자 이번에는 논리연산자에 대해 알아보자.논리연산자는 조건문을 좀더 간결하고, 다양한 방법으로 구사할 수 있도록 도와준다. 논리연산자의 종류는 다음과 같다.&&, ||, ! 첫번째로 &&에 대해 먼저 알아보자. 1. && (& - Ampersand) 일명 앤드앤드인 얘는 숫자 7 위에 특수문자 기호이다. 이고잉 샘은 앰퍼샌드라고 부른다고 해서 찾아보니 &라는 애는 Ampersand 라는 명칭을 가지고 있다. 그리고 우리의 &는 and 라고 읽으며, '그리고'라는 뜻으로 좌항과 우항이 모두 참일 때만 참이 되는 논리연산자이다. 다음 코드를 보자. if(true && true){ // &&는 좌항과 우항이 모두 참일 때에만 참인 값을 return한다. 따라서 이 if문은 참이다. alert(1); } if(tru..
[javascript 언어공부] 조건문(2) 지금까지 배웠던 조건문은 if 괄호 조건 안에 항상 true/false가 있었다. 이는 if안에 boolean이 들어간 다는 것을 설명하기 위해서 이며, 괄호 안에 true/false가 고정돼어 있는 것은 조건문으로서는 소용이 없다. 다만, if 문 괄호 안에 boolean이 들어간 다는 것만 확실하게 알아두자! 이번에는 조건문과 변수가 결합하는 것을 확인할 수 있다. a = 1;if (a === 1){alert(1)} 이 코드에서는 a 변수의 값에 따라 if 문 괄호 안이 true도 될 수 있고, false도 될 수 있다.조건문이 상황에 따라 다른 실행을 하는 가변적인 결과를 내보이는 것이다. 이제 설명할 부분을 알기 위해서 알아야 할 명령이 하나 있는데, 바로 prompt() 이다. var age =..
[javascript 언어공부] 조건문(1) 이번엔 조건문에 대해서 공부해보자. 조건문은 가장 중요한 부분이며, 핵심인 부분이다.컴퓨터가 계산기와 구분되는 가장 중요한 차이중의 하나이기도 하다. 조건문은 앞서 공부했던 '비교'와 매우 밀접하게 연결된다.앞선 비교수업에서 비교를 통해 true나 false라는 값을 얻을 수 있었는데, 이는 boolean이라는 데이터 타입이고, 이는 조건문에서 핵심적인 역할을 수행한다. 먼저 조건문이란, 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것이다.우리가 만드는 프로그램을 똑똑하게 만드는 것이 조건문, conditional statement라고 한다. 문법을 살펴보자조건문은 if로 시작한다. if(true){ alert('result : true')} if(false){ alert('result : ..
[javascript 언어공부] 비교 이번시간에는 비교라는 주제를 다뤄보자. 값과 값이 있을 때 두개의 값이 같은지, 어떤 것이 큰지 판별하는 것이 비교이다.이는 추후에 배울 조건문과 결합했을 때 큰 힘을 발휘한다. 우선 비교에 대한 이야기를 들어가기 전에 연산자에 대해서 먼저 알아보자. 연산자란, 어떤 작업을 컴퓨터에 지시하기 위한 기호이다. 먼저 대입연산자에 대해서 알아보자. ex) a=1 //a라는 변수에 1이라는 변수에 대입한다 여기서 a는 변수이며, 1은 값(상수-변하지 않는 수)이고, 그 중간에 있는 이콜(=)은 대입연산자(좌항에 있는 값을 우항에 대입한다)이다. 컴퓨터에 a라는 값에 1을 대입하라 라는 명령을 하는 것이다. a=1a=2 는 가능하고, 따라서 a는 변수이지만 1=2 라고는 할 수 없기 때문에 상수(변하지 않는 값)..
[javascript 언어공부] 세미콜론(;) 이번에는 또다른 문법적인 것, 세미콜론에 대해 알아보자. var a = 1; 이라고 입력 후alert(a); 라고 입력 후 실행하면 1이 화면에 출력된다. 근데 ; 이 기호가 대체 무엇일까? 이 세미콜론은 명령이 끝났다는 것을 명시적으로 표시할 때 사용한다. 하지만 여기서 var a = 1alert(a) 라고 입력해도 잘 작동하는데,줄이 바뀌면 자바스크립트는 명령이 끝났다 생각하기 때문이다. 하지만 세미콜론을 붙여주는 것이 좋은데만약 저 코드가 한줄이 되면var a = 1alert(a) 는 오류가 나기 때문에 줄였을 때도 문제없도록 세미콜론을 붙여주는 것이 좋다.var a = 1;alert(a);
[javascript 언어공부] 주석 이번에는 주석에 대해서 살펴보자. 한국어로는 주석, 영어로는 comment라고 한다. 자바스크립트의 주석은 문법적으로 해석되지 않는 영역이며 슬래시슬래시(//) 뒤에 오는 것들이다. //alert(1+2); 라고 입력하면 브라우저 창에서 실행되지 않으며 보통 이용할 때는 alert(1+2); // 결과: 3 또는 //실습용 코드입니다 -밑에 코드의 취지를 설명alert(1+2); 이러한 이유로 주석이 사용된다. 잘 만들어진 코드는 좋은 주석을 가진 코드로, 코드란 시간이 지나면 자기코드가 아니다. 미래의 타인이 되어있을 자기자신이 코드를 이해할 수 있도록 주석을 잘 달아야 하며타인과 함께 협업할 경우에도 자신이 작성한 코드를 설명하기 위해 주석을 사용할 수 있다. 하지만 진정으로 좋은 코드는주석이 필요없..
[javascript 언어공부] 변수 변수란? 변할 수 있는 수 영어로는 variable 이라고 한다. 이는 문자나 숫자같은 값을 담는 컨테이너로 사용된다. 자바스크립트에서 변수를 사용할 때는 var이라는 키워드를 사용하고, 이 키워드는 변수를 선언하겠다는 것을 의미한다. var a = 1;이라고 하면 a라는 이름을 가진 변수를 생성한 것이다. 여기서 var은 생략 가능하지만, 생략할 때는 왜 생략하는가를 알고 있는 상태에서 생략해야 하며,그렇지 않고서는 생략하지 않는것이 좋다. 변수를 사용해보자. var a = 1; console.log(a)라고 하면 1이 출력된다. a값은 바뀔 수 있는데, a가 일종의 그릇이기 때문에 어떤 값이든 들어갈 수 있기 때문이다. 만약 a = 1;b = 2; alert(a+b)는 //3이 출력되고 a = 3이라..
[javascript 언어공부] 문자 이번에는 문자에 대해서 알아보자. alert("coding everybody") 라고 입력하고 실행하면경고창에 coding everybody가 출력된다. 문자를 감싸줄 때 큰따옴표, 작은따옴표 어떤 것을 사용해도 좋지만,큰따옴표로 시작해서 작은따옴표로 닫거나 하면 문법오류이다. 따옴표를 읽으면 '이제부터 문자야' 라는 소리이며, 컴퓨터는 다음 따옴표가 나올때까지 문자열이라고 생각한다. 만약 alert('안녕하세요' 생글이네 입니다.') 라고 입력하면자바스크립트는 안녕하세요 까지만 문자로 인식하고 나머지는 문자로 인식하지 않기 때문에 에러가 난다따라서 역슬레시를 사용해야 정상적으로 작동한다. alert('안녕하세요\' 생글이네 입니다.') 역슬래시 바로 뒤 문자는 정보로서 인식한다는 약속이 되어있다. 역슬..
[javascript 언어공부] 숫자 이번에는 숫자와 문자에 대해서 알아보자. 자바스크립트를 배우는데 있어서 기본적으로 알아야 할 것이 '데이터'이다.데이터는 정보이고, 그 정보는 프로그래밍에서그 정보가 무엇이냐에 따라 타입(숫자타입, 문자타입 등등)이 존재한다. 앞서 봤던 html 코드 안에 script를 작성해보자. 이후 이후 실행해보면 경고창에 1이 뜬다. alert()안에 있는 1이라는 숫자를 정수라 한다. 정수란 -3, -2, -1, 0, 1, 2, 3 실수는 -2.0, 0, 2.0 등 실수는 소수점이 있으며 0과 1.0사이만 봐도 0.222, 0.55555 등이 있다. 1.1 이라고 적어주면 실수가 되고, 1이라 적으면 정수가 되며, 자바스크립트에서는 포괄정으로 number라고 부른다. 만약 숫자를 더하고 싶으면alert(1+1)..
[javascript 언어공부] 실행방법과 실습환경 이번에는 실습환경, 작성한 코드 실행 방법, 가벼운 개발도구에 대해서 알아보자. 앞서 이야기했듯이 자바스크립트는 브라우저에서만 사용되는 것이 아닌 서버, 구글 앱스스크립트 등 기타 환경에서 사용되며그 환경을 프로그래밍적으로 제어하기 위해 사용되는 언어이다. 언어를 배우기 위해서 하나의 실습환경을 갖기 위해서자바스크립트가 생긴 시초인 웹브라우저에서 실습할 것이다. 또 필요한 것이, javascript 코드를 실행할 수 있는 에디터가 필요하다.윈도우면 메모장, 맥은 텍스트에디터 등 텍스트를 편집할 수 있는 에디터면 어느것이든 상관 없다. 우선 메모장을 켜고 다음 코드를 입력해보자. 빨간색으로 표시된 부분만 자바스크립트 코드이며, 이 외의 내용은 html이다.기본적으로 브라우저 위에서 동작하는 자바스크립트는 ..
[javascript 언어공부] 언어소개 / 언어와 환경의 차이점 생활코딩으로 공부시작~! 1. 언어소개 자바스크립트란 무엇일까?? 자바스크립트를 이야기할 때 빼놓을 수 없는것이 웹브라우저이다. 자바스크립트는 웹브라우저로 분류되는 소프트웨어를 프로그래밍 적으로 제어하는 언어이기 때문이고,그 이유로 탄생했기 때문이다. 그럼 프로그래밍 적 제어한다는 것이 무슨말일까? 아래 예시 html 코드를 보자. 코드 중 빨간색 부분이 자바스크립트이며, '사용자가 버튼을 클릭하면 hello world가 뜬다.' 라는 의미를 가지고 있고, 실행 후 사용자가 버튼을 클릭하면 - 경고창에 hello world가 뜬다. 브라우저가 이미 가지고 있는 경고창 기능을 코드를 통해 제어할 수 있게 되는 것이다. 이렇게 브라우저 위에서 동작하면서, 사용자와 상호작용 할 수 있는 언어는 오직 javas..
[javascript 언어공부] 시작 더이상 미룰 수 없다.javascript 언어 공부 시작! 언어 공부 빨리 끝내고node js 부분 마무리 해야겠다. 나는 e로 접할 때 더 자주, 많이 들여다 보기 떄문에생활코딩으로 공부하기로 했다. 이번엔 제발.. 완주하길 !!

티스토리툴바