방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 시작27 웹 프로그래머(웹 개발자)가 되어보자 - 5 3-3. 변수 변수에 대해서 계속해서 살펴 보겠습니다. 변수를 익히는 이유는 모든 데이터를 값으로만 표현하면 사람이 나중에 알아볼 수 없기 때문에 알아볼 수 있는 단어를 사용하여 표현하는 것이 가장 주요한 목적입니다. 변수를 사용하는법은 아래의 자바스크립트 문법을 따랴아합니다. "var 변수명 = 값" 변수에 선언된 값은 서로 계산도 가능하고 출력도 가능하였습니다. 그러면 이제 변수의 종류에 대해서 살펴 보겠습니다. 아래 내용을 파이어폭스를 실행한 뒤에 F12키를 눌러 콘솔탭을 클릭한 뒤 붙여넣습니다. 계속해서 사용 해 왔던 console.log라는 명령어가 조금 다르게 사용된 것을 볼 수 있습니다. console.log에서 소괄호 안에 콤마(,) 표시를 통해서 원하는 내용을 이어서 출력 할 수 있습니다.. 2020. 4. 6. 웹 프로그래머(웹 개발자)가 되어보자 - 4 3-2. 변수 저번시간에는 변수가 무엇인지 간단하게 살펴 보았습니다. 복습하는 차원에서 간단하게 다시 정리를 해 보겠습니다. 변수는 원하는 데이터를 표현하기위한 기호로 아래와 같은 형식으로 구성됩니다. var 원하는변수명 = 데이터 여기서 =(는) 표현은 대입연산자를 의미하며 변수의 값, 적용시킬 데이터를 의미합니다. 또한 console.log라는 명령어는 소괄호() 안에 내용을 출력해주는 역할로 사용 되었습니다. 변수명 앞에 사용된 var 라는 기호는 변수를 의미합니다. 그리고 언급되어있지는 않았지만 마지막에 사용된 세미콜론(;) 표현은 해당 내용의 종료를 의미합니다. 세미콜론(;) 표현은 생략해도 무방합니다. "var 변수명" 으로 변수를 선언하는 것은 자바스크립트의 문법이며, 한번 선언한 변수에 다.. 2020. 4. 2. 웹 프로그래머(웹 개발자)가 되어보자 - 3 3장. 자바스크립트 기초 자바스크립트는 웹 브라우저에서 동작하는 개발언어입니다. 웹브라우저는 우리가 잘 알고 있는 인터넷 익스플로러, 엣지, 네이버 웨일 및 구글 크롬등이 있습니다. 이러한 브라우저에서의 각종 기능을 사용할 수 있게 만들어진 개발언어입니다. 자바스크립트를 익혀보기 위해서 첫시간에 설치한 파이어폭스 브라우저를 실행하여봅니다. 그리고 키보드 자판기의 F12키를 눌러 개발도구탭을 선택합니다. 자, 이제 시작합니다! 3-1. 변수 변수는 어떤 정해지지 않는 임의의 값을 표현하기 위해 사용된 "기호" 입니다. 또한 변하는 값을 의미하기도 합니다. 아래 내용을 콘솔에 입력하여 봅니다. 대문자와 소문자 그리고 띄어쓰기에 주의하여주세요. var number = 1234; console.log(numbe.. 2020. 3. 31. 웹 프로그래머(웹 개발자)가 되어보자 - 2 2장. 멋진 계산기, 컴퓨터 1장에서 우리는 프로그래밍이 무엇인지에 대해서 간단하게 살펴 보았습니다. 파이어폭스라는 웹 브라우저를 실행하여 F12키를 눌러 컴퓨터가 이해할 수 있는 confirm(해석 : 확인하다) 이라는 명령어를 입력 하였습니다. 컴퓨터는 해당 명령어를 해석하여 질의문이 생성되는 창을 만들었습니다. 그렇다면, 컴퓨터는 영어를 엄청 잘 하는 것 일까요? 사실 컴퓨터는 알파벳이 무엇인지 전혀 모릅니다. 컴퓨터가 이해할 수 있는 언어는 0, 1 이라는 두가지 숫자입니다. 0은 전기가 나갔다의 의미이며, 1은 전기가 들어왔다라는 의미라고 간단하게 생각하면 됩니다. 전기가 들어왔다와 나갔다에 대해서 규칙을 만들고 해당 규칙에 대해서 행동을 하도록 사람이 프로그래밍을 한 것이 현재의 컴퓨터의 모습.. 2020. 3. 31. 웹 프로그래머(웹 개발자)가 되어보자 - 1 안녕하세요. ^^* "웹 프로그래머가 되어보기" 라는 주제로 글을 작성하게 된 콩콩입니다. 프로그램이 무엇인지부터 어떻게 개발을 해야되는지에 대해서 초심자(또는 비 전공자) 위주로 설명 해 보려고 합니다. 해당 글을 통해서 많은 분들이 개발에 대해서 조금이나마 이해하고 쉽게 접근 하셨으면 좋겠습니다. 1장. 프로그래밍이란? 프로그래밍이(Programing)란 프로그램을 만드는 행위를 의미합니다. 컴퓨터나 전자 기기에 해야할 일을 적어서 넘겨주는 것이라고 볼 수 있습니다. 예를들어, 건물을 짓는다고 생각하여 봅니다. 건물을 설계하고 짓는 행위는 프로그래밍에 해당됩니다. 다 만들어진 건물에서 살거나 사용하는것이 바로 만들어진 프로그램을 사용하는 일반 사용자 입니다. 이러한 건물을 짓는 사람 즉, 프로그래밍을.. 2020. 3. 31. Html Canvas (Html 캔버스) 튜토리얼 (차트만들기!) - 8 : 확대와 영역 scale에 대해서 먼저 살펴보자. 캔버스에서의 scale 기능은 줌인, 줌아웃 효과를 위해서 사용된다. 아래 코드를 실행하여보자. 분명 같은 x좌표, y좌표와 같은 넓이와 높이였음에도 불구하고 사각형의 크기와 위치가 전혀 다르게 나타난 것을 볼 수 있다. 특정 줌 인, 줌 아웃 이벤트시에 해당 기능이 왠지 요긴하게 쓰일 것 같다. 여기서도 마찬가지로 save와 restore를 적절하게 사용해서 초기값으로 돌아가기 편리하게 한 점을 다시한번 살펴보아야 한다. 다음으로 살펴볼 기능은 clip 이라는 기능이다. clicp은 구멍뚫기(?) 효과를 나타내는데.. 특정 영역에 효과를 선언하면 해당 효과를 제외한 나머지는 안보인다. (뭔소리??) 아래 사진을 보자. 위 사진과 같이 구멍(hole)영역을 지정한뒤에,.. 2020. 2. 7. 이전 1 2 3 4 5 다음
