푸르생 스토리

변수는 코드의 재활용성을 높여준다. 예로 100에 10을 더하고, 10을 나눈 후에 다시 10을 빼고 거기에 10을 곱해야 한다고 가정 하자. 그리고 각 단계마다 그 결과를 출력해야 한다면 코드는 아래와 같을 것이다. 코드의 재활용성이라는것은 앞으로 당신이 프로그래머로서의 입지를 다지는 가장 중요한 핵심 능력이다.변수를 활용해서 작성한 코드들은 지금 작성하는 코드들을 추후에 다시 사용하게 되는 그때 사용하기 용이하게 되는 업무의 효율성에 큰 영향이 미친다. 앞으로 당신이 코드를 작성하는데 있어서 중요한 변수의 효용성에 대하여 짚고 넘어가 보도록 하자.다음 코드를 보았을 때 변수를 쓰기 전과 후가 있다.변수를 쓰기 전에는 일일이 숫자 값을 넣어 계산을 하였고,변수를 쓴 후에는 그때 그때 상황에 따라 변수값..

JavaScript 에서의 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담긴 값은 변수를 새로 입력하면 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다. 이해가 가지 않는다면 이렇게 생각한다면 쉬울것이다. 변수는 하나의 데이터를 담는 그릇이고 그 그릇에는 내가 원하는 게 담겨있더라도 새로운 것을 담으면 기존의 것은 빠지고 새로 담는 데이터가 그 자리에 들어간다. 데이터는 숫자뿐만 아니라 문자도 해당이 된다. 변수의 선언 JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략할 수도 있지만 이것은 유효 범위라는 것에 영향을 미친다..

자! 안녕하세요 오늘도 역시 문제와 함께 찾아 왔습니다! ㅎㅎ 오늘도 쉽고 가벼운 문제이니 한번 맞춰 보시기 바랍니다. 다음중! script 내에서 얼럿이 두번 발생합니다. 그중 결과값이 어떻게 나올까요? 정답. 어라? 뭔가 이상하다 그죠? 하나는 1+1 의 결과값이 2는 맞는것 같은데 왜 두번째 결과는 11 이죠? 저를 구독하시는 분들은 똑똑하셔서 다들 아신다구요? 맞아요 첫번째 결과에서는 1+1이 숫자의 형태로 연산된 결과값이고 두번째 결과에서는 1 과 1이 문자의 형태로 +로 더해진 상황이에요. 두번째 문제! 다음중 문자열의 숫자를 세보세요! 정답. coding everybody 에서 띄워쓰기 포함해서 16개 가 결과값으로 나오고 코딩 에브리 바디 역시 띄어쓰기 포함해서 9개 텍스트를 가졌다는 결과..

시작부터 문제를 내볼게요. 자 다음 중 스크립트 내에 다음 중 얼럿 중 제대로 작동하는 얼럿은 몇 번째 얼럿일까요? 정답. undefined로 응답한 부분이 제대로 작동 함을 의미한다. 문자는 "(큰 따옴표) 혹은 '(작은따옴표) 중의 하나로 감싸주어야 합니다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야 하며, 작은따옴표로 시작하면 작은따옴표로 끝나야 제대로 작동을 합니다. 나쁜 예) 좋은 예) 나쁜 예) 좋은 예) 그중에 예외도 있다. ' 작은따옴표로 끝나기 전에 역 슬래쉬(\ : 엔터와 쉬프트 사이 버튼)를 넣어주면 역 슬래쉬가 escap 직역하자면 탈출을 의미하며 뒤에 배치된 작은따옴표를 작은따옴표(')의 역할을 배제시켜 텍스트 화 시켜 버린다. 자. 오늘은 문제가 많네요. ㅎㅎ 두 번째 문제 다음 ..

JavaScript에서의 수의 특징 1. 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다. '' 작은따옴표와 "" 큰 따옴표가 숫자 양쪽에 붙지 않았다면, 자바 스크립트 내에서는 숫자로 간주한다. 이는 +, -, *, / 등등의 수학 연산자에도 해당되며, 모든 수학 공식을 alert( 얼럿 함수 내에 기재 하면 얼럿에서 연산 처리 결과물을 출력하여 준다. ) 2. 자바스크립트에서는 Math 가 붙은 함수는 숫자로 인식하여 연산한다. 예를 들면, 얼럿(alert) 괄호 안에 들어있는 100(숫자 와) * Math.random() ( 함수 )가 있으나 실제로 이는 숫자 곱하기 숫자의 개념으로 받아들이기 때문에 연산처리가 가능하다. 결과물, 랜덤으로 값을 만들어 내는것은 실수의 숫자..

자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다. 정수 예 ( . . . -3, -2, -1, 0, 1, 2, 3, . . . ) 소수점이 없는 딱 떨어지는 숫자의 경우 와 실수 예 ( . . . -2.99, 0.98, 0.02, 1.08, 2.007 . . . ) 소수점이 있는 숫자의 경우 모두 '' 작은 따옴표와 "" 큰 따옴표가 숫자 양쪽에 붙지 않았다면, 자바 스크립트 내에서는 숫자로 간주한다. 이는 +, -, *, / 등등의 수학 연산자에도 해당 되며, 모든 수학 공식을 alert( 얼럿 함수 내에 기재 하면 얼럿에서 연산 처리 결과물을 출력하여 준다. ) 기본적인 틀은 이러하며, 자신이 사용하는 개발 도구 내에서 html 이라고만 친다면 기본적인 틀이 자동으로 기입된..

; 세미클론은 앞에서의 명령이 명시적으로 끝났다는 것을 의미하는 역할을 수행합니다. 세미클론이 없이 실행을 하더라도, 코드는 잘 작동 합니다. 왜냐하면 한 줄 한줄 넘어갈 때마다 자동적으로 세미클론이 붙는 것과 같은 기능을 하기 때문이죠. 하지만 세미클론이 반드시 필요한 경우가 있는데 이와 같이 한 줄에 여러 명령이 존재 할 때 이죠. 이러한 명령어는 한줄에 있기 때문에 컴퓨터는 어디서부터 명령이 끝나는지 모릅니다. 때문에 세미클론을 붙여주어 명령을 끝내주는 마감이 필요합니다. 다음과 같이 구간별로 들어와 있는 들여 쓰기가 되어 있는 것은 사용자의 육안으로 보기 편하게 만들어 주는 것으로 키보드에서 tap 키를 눌러 들여 쓰고 back 키를 눌러 되돌릴 수 있습니다.

위 문장에서 주석으로 기재 되어있는 TEXT 들을 브라우저 창을 실행 시킨다면, 이러한 형태로 브라우저에서 에러로 표시하며, 우측에 html:10로 적혀 있는 부분에서 작성된 코드에서 어느 부분이 오류가 나는지 알려줍니다. 주석, 주석, 주석을 영어로 Comment 라고 적혀있는 코드 앞에 // 를 넣어주면 다음과 같이 텍스트가 연하게 잡히는데 코드를 실행해 보면 다음과 같이 오류가 없어짐을 확인 할 수 있습니다. 참고로 // 는 10번줄에 넣었다면 1줄에만 주석 처리가 가능하며 1번 줄 부터 /* */ 4번 줄 까지 이런식으로 주석 처리 했다면, 여러줄을 한번에 주석 처리가 가능합니다.

해당 설명글은 윈도우에서 크롬 브라우저를 기준으로 하여 설명하는 글입니다. 브라우저의 콘솔 사용 방법 가장 먼저 브라우저를 실행 시키고 F12 버튼을 눌러줍니다. 그럼 우측에 Console 창이 뜹니다. 해당 콘솔창에서는 HTML 코드는 필요 없이 순수 JavaScript 언어만 사용하면 됩니다. 콘솔 창에 alert('Hello world'); 라고 치고 엔터를 누르면 다음과 같이 얼럿이 뜨는것을 확인 할 수 있습니다. 그리고 다음과 같이 작성한 뒤 브라우저를 열어보면 다음과 같이 얼럿과 콘솔 창에 Console Hello world 로그가 남는것이 보입니다. 얼럿은 브라우저 창에서 콘솔 로그는 콘솔창에서 뜨는것이 구분되는 이유는 매번 얼럿이 뜨면 팝업창을 끄는데 번거롭기 때문에 개발자의 편의상 콘솔 ..

해당 글은 윈도우 버전으로 설명을 하는것이니 이점 참고 바랍니다. 메모장에 다음과 같이 입력하여 준다. 작성된 메모장을 다음과 같이 이름을 설정하여 파일형식은 모든 파일로 지정하고 저장한다. 자 저장한 파일을 찾아서 실행 시킨다. 그럼 다음과 같은 브라우저가 열리면서 얼럿이 뜨는것을 확인 할 수 있다.

요약. 웹브라우저를 프로그래밍적인 제어로 컨트롤 하기 위한 언어이다. 위의 코드를 통하여 Hello world 라는 내용을 가진 버튼을 만든다. 그 버튼을 누르면 얼럿이 뜨는데 그 내용은 Hello world 이다. 라는 내용을 실제로 실행 해 보면 라는 브라우저 상에서 헬로우 월드라는 버튼이 출력 되고, 버튼을 누르면 해당 얼럿을 뜨게 된다. 자, 그럼 다음 코드는 HTML 코드와 다른게 무엇이고, 어떤 부분이 JavaScript 인가? 바로 이 부분이 자바 스크립트를 의미한다. 자바스크립트는 프로그래밍적으로 브라우저를 컨트롤 한다. alert 이라는 이미 브라우저에서 가지고 있는 기능을 코드를 통해서 제어하는것이다. 자바스크립트는 프로그래밍적으로 웹브라우저를 컨트롤 하는 언어이다. 고로 웹브라우저와 ..