본문 바로가기

전체 글137

프로그래밍에서 API란 무엇일까｜초보자가 가장 헷갈리는 개념 쉽게 이해하기 프로그래밍이나 웹사이트를 공부하다 보면 ‘API’라는 단어를 정말 많이 보게 된다. 특히 날씨 앱, 로그인 기능, 지도 기능, 결제 기능 같은 이야기를 할 때 거의 빠지지 않는다.하지만 처음에는 API가 정확히 무엇인지 이해하기 어렵다. 이름도 어렵고, 설명을 찾아보면 “Application Programming Interface” 같은 말만 나와서 더 헷갈린다.나도 처음에는 API가 어떤 특별한 프로그램 이름인 줄 알았다. 그런데 직접 웹사이트를 만들고, 다른 서비스의 데이터를 가져와보면서 API는 프로그램 자체가 아니라, 프로그램끼리 서로 대화하는 방법이라는 것을 알게 됐다.결론부터 말하면, API는 한 프로그램이 다른 프로그램에게 “이 기능을 써도 될까?” 하고 요청하는 방법이다.쉽게 말하면 API.. 2026. 4. 18.
서버와 API는 어떻게 다를까｜비슷해 보이지만 완전히 다른 개념 프로그래밍이나 웹사이트를 공부하다 보면 ‘서버’와 ‘API’라는 말을 정말 자주 보게 된다. 그런데 초보자일수록 이 둘을 비슷한 것으로 착각하기 쉽다. 특히 “API 서버”, “서버에서 API를 만든다” 같은 표현을 보면 더 헷갈린다.나도 처음에는 API가 서버의 다른 이름인 줄 알았다. 그런데 직접 웹사이트를 만들고, 로그인 기능이나 날씨 정보를 가져오는 기능을 만들어보면서 서버와 API는 완전히 다른 개념이라는 것을 알게 됐다.결론부터 말하면, 서버는 데이터를 저장하고 기능을 처리하는 컴퓨터이고, API는 그 서버와 대화하기 위한 방법이다.쉽게 말하면 서버는 식당의 주방이고, API는 주문을 받는 직원과 메뉴판이다. 주방이 실제로 음식을 만들고 처리한다면, 직원은 손님의 요청을 주방에 전달하고 결과를.. 2026. 4. 18.
포트 번호는 왜 80, 443, 3000을 많이 사용할까｜웹사이트 주소 뒤 숫자의 정체 웹사이트나 서버를 공부하다 보면 주소 뒤에 숫자가 붙어 있는 경우를 자주 보게 된다.http://localhost:3000http://127.0.0.1:8000https://example.com:443처음에는 왜 주소 뒤에 이런 숫자가 붙는지, 그리고 왜 유독 80, 443, 3000 같은 숫자를 많이 사용하는지 궁금해질 수 있다. 나도 처음에는 그냥 아무 숫자나 붙이는 줄 알았다. 그런데 알고 보니 이 숫자는 포트 번호라고 부르며, 컴퓨터가 어떤 프로그램으로 연결해야 하는지 구분하기 위해 꼭 필요한 번호였다.쉽게 말하면, IP 주소가 “어느 집인지”를 알려주는 주소라면, 포트 번호는 그 집 안에서 “어느 방으로 들어갈지”를 알려주는 번호다.예를 들어 같은 컴퓨터 안에서도 웹서버, 게임 서버, 데이터베이.. 2026. 4. 18.
localhost는 무엇이고 왜 127.0.0.1일까｜내 컴퓨터 안에서만 연결되는 특별한 주소 프로그래밍이나 서버를 공부하다 보면 ‘localhost’라는 단어를 정말 자주 보게 된다. 웹사이트를 만들 때도, 서버를 실행할 때도, 브라우저 주소창에 localhost를 입력하는 일이 많다.예를 들어 아래처럼 주소를 본 적이 있을 수 있다.http://localhost:3000또는:http://127.0.0.1처음 보면 둘 다 숫자도 이상하고, 도대체 왜 이런 주소를 쓰는지 헷갈린다. 나도 처음에는 localhost가 인터넷 어딘가에 있는 특별한 서버 주소인 줄 알았다. 그런데 알고 보니 localhost는 “지금 내가 쓰고 있는 내 컴퓨터”를 가리키는 아주 특별한 주소였다.그리고 127.0.0.1은 localhost를 숫자로 표현한 것이다. 즉, localhost와 127.0.0.1은 사실 거의 같.. 2026. 4. 18.
프론트엔드와 백엔드는 무엇이 다를까｜웹사이트가 보이는 부분과 보이지 않는 부분의 차이 웹사이트나 앱을 공부하다 보면 ‘프론트엔드’와 ‘백엔드’라는 말을 정말 자주 보게 된다. 특히 개발자 직무를 찾아보거나, 코딩을 처음 배우기 시작하면 거의 반드시 나오는 단어다.하지만 처음에는 두 단어가 꽤 헷갈린다. 둘 다 웹사이트를 만드는 것 같고, 둘 다 코딩을 하는 것 같기 때문이다. 나도 처음에는 프론트엔드와 백엔드가 단순히 “디자인하는 사람”과 “코딩하는 사람” 정도의 차이인 줄 알았다. 그런데 직접 HTML 파일을 만들고, 서버를 열어보고, 로그인 기능이 어떻게 작동하는지 살펴보면서 둘의 역할이 완전히 다르다는 것을 알게 됐다.결론부터 말하면, 프론트엔드는 사용자가 직접 보는 부분이고, 백엔드는 사용자가 보지 못하는 뒤쪽 기능을 담당한다.예를 들어 쇼핑몰 사이트를 생각해보면, 상품 사진과 버.. 2026. 4. 18.
HTML, CSS, JavaScript는 각각 무슨 역할일까｜웹사이트가 만들어지는 가장 기본적인 구조 웹사이트를 처음 공부할 때 가장 먼저 만나게 되는 단어가 있다. 바로 HTML, CSS, JavaScript다. 프로그래밍을 전혀 해보지 않은 사람도 이 세 가지 이름은 한 번쯤 들어본 적이 있을 가능성이 높다. 하지만 이름은 익숙해도, 각각이 정확히 어떤 역할을 하는지는 생각보다 헷갈리기 쉽다.특히 처음에는 “셋 다 웹사이트 만드는 거 아닌가?” 정도로만 느껴질 수 있다. 나도 처음 웹사이트 구조를 볼 때는 HTML, CSS, JavaScript가 전부 비슷한 역할을 하는 줄 알았다. 그런데 직접 HTML 파일을 만들고, 브라우저에서 열어보고, 스타일을 바꾸고, 버튼을 눌렀을 때 반응이 생기는 것을 보면서 셋의 차이를 조금씩 이해하게 됐다.결론부터 말하면 HTML은 웹페이지의 뼈대, CSS는 웹페이지의.. 2026. 4. 17.

티스토리툴바