본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


웹 프로그래머가 되어보자!

웹 프로그래머(웹 개발자)가 되어보자 - 1

야근없는 행복한 삶을 위해 ~
by 마샤와 곰 2020. 3. 31.

안녕하세요. ^^*
"웹 프로그래머가 되어보기" 라는 주제로 글을 작성하게 된 콩콩입니다.
프로그램이 무엇인지부터 어떻게 개발을 해야되는지에 대해서 초심자(또는 비 전공자) 위주로 설명 해 보려고 합니다.
해당 글을 통해서 많은 분들이 개발에 대해서 조금이나마 이해하고 쉽게 접근 하셨으면 좋겠습니다.

1장. 프로그래밍이란?


프로그래밍이(Programing)란 프로그램을 만드는 행위를 의미합니다.
컴퓨터나 전자 기기에 해야할 일을 적어서 넘겨주는 것이라고 볼 수 있습니다.
예를들어,
건물을 짓는다고 생각하여 봅니다.
건물을 설계하고 짓는 행위는 프로그래밍에 해당됩니다.
다 만들어진 건물에서 살거나 사용하는것이 바로 만들어진 프로그램을 사용하는 일반 사용자 입니다.
이러한 건물을 짓는 사람 즉, 프로그래밍을 하는 사람이 바로 프로그래머 입니다. ^^

컴퓨터에서의 프로그래밍은 어렵지가 않습니다.
컴퓨터에게 사람이 컴퓨터가 이해 할 수 있는 용어를 전달하여주면 컴퓨터는 그 내용을 실행하도록 되어 있습니다.
그러므로 프로그래머는 컴퓨터에게 컴퓨터가 이해 할 수 있는 명령어를 전달하여 주면 됩니다.

조금 더 원활한 이해를 위해서 파이어폭스 브라우저를 설치하여 보겠습니다.
파이어폭스 브라우저는 인터넷을 통해서 웹페이지를 볼 수 있는 프로그램 입니다.

네이버나 다음을 통해서 검색합니다.

 

파이어폭스 사이트에 접속하여 다운로드 받습니다.

 

받은 파일을 실행하여 설치 합니다.

 

설치까지는 어렵지가 않습니다. ^^

파이어폭스 설치가 완료되면 키보드 자판기에 있는 F12키를 눌러 봅니다.

콘솔이라는 화면에 주목하여주세요.


"콘솔" 이라는 부분을 클릭하여 봅니다.
커서가 꿈뻑꿈뻑 거리며 무언가 내용을 입력 할 수 있는 모습이 나타납니다.
아직은 알 수 없지만 아래 내용을 복사해서 콘솔에서 보이는 >> 부분에 붙여넣습니다.

confirm("열심히 하실껀가요?");

 

이런식으로 복사해서 붙여넣습니다.


해당 내용을 입력한 뒤에 엔터키를 입력하여 봅니다.

알림창이 실행됩니다.

 

세상에.. "확인", "취소" 를 선택 할 수 있는 창이 뜨는 모습의 프로그래밍이 완성되었습니다.
"콘솔"이라고 불리는 곳에 입력한 영어가 정확하게 어떠한 뜻인지 알 수 없지만,
명령어를 입력하여 엔터키(실행)를 누름으로써 컴퓨터에게 "확인", "취소" 를 선택 할 수 있는 창이 뜨도록 하게 만들었습니다.

컴퓨터가 이해할 수 있는 명령어를 규칙있게 만드는 것이 프로그래밍 입니다.
그러면 컴퓨터가 이해할 수 없는 명령어를 입력하면 어떻게 될 까요?
아래 사진처럼 입력을 하여봅니다.

어떤 의미인지는 모르겠지만 error가 보입니다.


우리는 간혹, 게임이나 브라우저에서 오류나 버그라는 이름의 문제(Problem)를 만나게 됩니다.
이러한 문제(Problem)는 위 사진처럼 잘못된 명령어를 통해서 대부분 발생 합니다.

따라서 우리가 앞으로 해 나아가야 할 부분은, 컴퓨터가 이해 할 수 있는 명령어를 규칙성 있게 사용하는 법을 배우는 것 입니다.
이번시간에는 프로그래밍에 대해서 간단하게 살펴 보았습니다.
다음시간에도 조금 더 프로그래밍이 무엇인지 살펴 보겠습니다.

 

반응형
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)

댓글