[공부] IT 비전공자도 이해하기 쉬운 직장인 코딩 용어 해설 - 1편 -

안녕하세요!

오늘은 IT 비전공자도 이해하기 쉬운 IT용어 및 기초 구조에 대해서 작성해보려고 합니다.
저도 IT 전공자인데, 손놓고있다보니 간혹 간단한 질문이 들어와도 '아..' 하면서 벙찌게 됩니다.

그래서, 오늘 직장에서 간혹 들을만한 간단한 코딩 용어에 대해서 이해해 보도록 하겠습니다.
그저 기초일 뿐입니다..

[컴퓨터와 인터넷]

컴퓨터란 무엇인가?
컴퓨터는 Main Board(기계들을 한번에 관리), CPU(계산), RAM(기억), HDD(용량) 등을 모아둔 것입니다.

OS란?
인간이 기계와 소통할 수 있게 만드는 기반 프로그램입니다.
종류로는 window, unix, linux, ios, android 등 여러 OS가 존재하고 있죠.
이 중에서도 linux는 오픈소스라서 누구나 다 사용할 수 있습니다. 무료입니다.
막간상식으로, 그래서 전산감사 수행시에 Main이 되는 프로그램은 대부분 linux를 쓰지 않더라구요!

코딩이란?
OS에 명령을 내리는 것이 '코딩'입니다.
어떤 언어를 쓰던 상관없이, 명령만 내리면 됩니다.
종류로는 python, java, php, javascript, c++, ruby, scala,  c# 등이 있죠.

프로그램이란?
코딩을 미리 해서 반복적으로 실행할 수 있게 만든것이 '프로그램'입니다.
코딩은 프로그램을 만드는 것이고, 그래서 프로그래밍이라고도 합니다.

http란?
컴퓨터끼리 대화를 하려고 할때 웹을 사용하게 됩니다. http를 붙이는 것들이 웹 통신이 됩니다.
http를 앞에다가 붙인다면 이건 '나는 웹통신을 할거다~'라는 뜻입니다.

https란?
http에서 보안을 더 강화한 웹통신입니다.

OS에다가 아무 언어로 'http 요청이 오면 이 파일을 줘. 웹 통신이 오면 뭔가 대답을 해줘.'라고 명령을 내립니다.
이를 '웹 서버를 만들었다.'라고 말하게 됩니다.

서버란?
서버는 사실 그냥 컴퓨터이긴 합니다. 컴퓨터인데 직업이 '서버'이다 라고 생각하면 됩니다.
내 컴퓨터도 서버가 있고, 서버를 돌리면서 게임도 하고 데이터를 저장할수도 있습니다.
서버라는건 우리가 사용하는 프로그램 중 하나라고 생각하시면 될 것 같습니다.

 

[웹서비스 동작 방식]

웹은 어떻게 동작할까?
우리가 네이버에 들어가서 우측 클릭 후 '검사'를 누르고 '연예'라고 적힌 곳을 '안녕안녕!'으로 바꿔봅니다.
이렇게 바꿨다고 모든 사람들이 보는 네이버가 바뀌었을까요?
그것은 아니고 제 컴퓨터에서만 바꼈습니다.
이 상황에서도 인터넷이 끊겨도 이 웹사이트는 남아있고, 새로고침을 하면 원상복귀가 됩니다.
이 이유는, 제 컴퓨터가 이미 서버로부터 이 웹화면을 다운로드 받았기 때문입니다.

브라우저는 naver.com을 치면 서버에 '나한테 뭔가를 줄게있니?'라고 요청을 보내고,
네이버 서버 컴퓨터에서 화면을 내려줍니다. 이 화면을 그려주는 것이 브라우저 입니다.
화면은 html(뼈대), css(꾸미기), javascript(움직이게하기)로 구성이 되어있습니다.

그렇기 때문에 새로고침을하면 새로 서버에서 화면을 받아서 브라우저에 띄우기 때문에 저희가 바꾸더라도 변경이 되지 않는 것이죠.

1. naver의 html 확인하기
> 네이버 메인화면에서 다른이름으로 저장 클릭

> 두개의 파일에서 naver_files 파일 내용을 삭제하고 naver.html 파일을 열어보기

naver.com html (뼈대) 확인

naver.com css (꾸미기)확인

naver.com javascript (드롭다운 메뉴처럼 움직이는 기능) 확인

계속적으로 html, css, javascript를 서버에서 받아와야 할까요?
그렇게 되면, 영화표 예매 시 사람들이 예매할때마다 새로고침되면 굉장히 불편할 것입니다.

그럴때는 데이터만 내려주는 것도 가능합니다. css, javascript를 내려주지 않으면 됩니다.
데이터만 내려줄 때도 규칙이 있어야 하는데 그것을 JSON 방식(키:밸류) 라고 합니다.
중괄호로 계속해서 이어지는게 JSON방식의 특징입니다.

JSON은 앱에서 특히 많이 씁니다.
앱은 껍데기는 갖고있고, 데이터만 받아서 붙여줍니다.
예를들면 배달의 민족 배달 식당 리스트 처럼요!
카톡에서도 눈이 오는날 눈이라고 치면 화면에서 눈이 내리는 것도 JSON 방식을 이용한 것이라고 볼 수 있습니다.
(기상청에서 데이터 가져옴.)



여기까지 1편으로 마치고 다시 2편으로 돌아오겠습니다!



참고 : https://online.spartacodingclub.kr/l