본문 바로가기

Programming/함께 하는 기초코딩

코딩의 기본 이론 - 브라우저와 웹사이트에 대해 알아보자

가장 먼저 배워야 할 언어는 HTML, CSS, JAVA 

라고 지난번에 얘기해 드렸습니다.

 

하지만 그걸 먼저 알려드리기 전에 브라우저

웹사이트에 대해 알고 있으면 더 좋은데요.

 

웹사이트 우리가 흔히 들어가는 네이버부터 

넷플렉스, 유튜브 다 웹사이트이죠

 

보이기에는 심플하고 편리하게 만들어져 있지만 

그걸 만든다고 생각하면 어떤가요???

 

엄청나게 복잡할 거라고 생각이 드시지 않나요??

 

예를 들어 단순히 네이버만 들어가도 

정말 많은 것들이 존재합니다.

 

많은 광고 영상이미지들 마우스를 클릭하거나

올려놓으면 변하는 색깔 아이콘들 

 

이 모든 것들은 만들다고 생각하면 신기하고 때론 멋있기도 한데요.

(너무 어려워 보이는 데라고 생각하지 마시고

천천히 하나씩 하다 보면 누구나 할 수 있습니다)

 

이렇게 잘 만들어지고 심플하고 유동적인 웹사이트도 있지만

아주 간단한 웹사이트도 있는데요.

 

간단히 나무 위키 생각해보죠.

 

모든 것들이 아이콘 제목 내용들로 구성되어 있죠.

 

엄청 간단하죠.

위에서 말한 것처럼 마우스를 올려놓는다고

변하는 것도 없고 단순히 아이콘과 이미지 

그리고 텍스트로 이루어져 있죠.

 

이렇게 사용자도 많고 많은 정보를 얻을 수 사이트지만

나무 위키처럼 심플하게 만들 수도 있고

네이버처럼 화려하고 유동적인 웹사이트 만들 수도 있죠

 

세상에는 정말 다양한 웹사이트들이 존재하고 있어요.

이 블로그만 해도 그렇고요.

 

하지만 이 모든 웹사이트 들은 다 문자로 이루어져 있어요.

이게 무슨 소리냐고요

 

코드를 아직 몰라 무슨 소리인지 모르시겠지만

위에 사진은 네이버 웹사이트의 일부 코드입니다.

 

이렇게 수많은 Text들로 이루어져 있는 거죠.

 

즉 화려하건 간단하건 웹사이트는 모두 문자 즉 Text일 뿐입니다

 

앞으로 우리가 배워야 할 건 저 Text를 쓰는 방법, 규칙만 알고 있다면

우리도 직접 웹사이트를 만들 수 있고 어플을 만들 수 있다는 거죠.

 

모르는 사람들이 볼 땐 단순히 나열된 문자일 뿐인데

만약 없어진다면 너무나 불편한 네이버와 같은 사이트 일수도 있는 거죠.

 

누구나 text를 쓸 수 있듯이 누구나 코딩할 수 있습니다.

 

만약 위에 보이는 네이버 코드를 프린트한다고

네이버가 이미지로 출력될 일은 없겠지만

저 코드를 브라우저에게 보낸다면 

우리가 알고 있는 네이버를 볼 수 있겠죠

 

즉 웹사이트를 만들게 된다면 또는 어플은 만들게 된다면

우리가 하는 건 단지 문자를 입력할 뿐입니다.

 

브라우저는 우리가 쓴 문자를 보고 그걸 구현해주는 것뿐인 거죠.

 

우리가 배워야 할 건 기본적으로 HTML CSS JAVA이지만 

 

가장 먼저 이야기하고 싶었던 건 겁먹지 마시고

단순히 text 일뿐이니 어디에 어떻게 써야 하는지만 배우면 끝입니다

 

어렵게 생각하지 말고 천천히 시작해보자고요