블루요시 님의 블로그

API

API(Application Programming Interface)• 프로그램(애플리케이션)끼리 서로 기능을 요청하고 결과를 전달하기 위한 인터페이스이다.• 스마트폰 앱, 웹 브라우저, 백엔드 서버 등 다양한 소프트웨어는 API를 통해 서로 통신한다.• API는 소프트웨어를 위한 소통 창구라고 볼 수 있다.• 내부 구현을 알지 못해도 정해진 방법으로 기능을 사용할 수 있게 해준다.• 단순히 동작하는 것을 넘어 사용하기 쉽고 이해하기 쉽게 설계하는 것이 중요하다.REST API(Representational State Transfer)• 서버의 자원(Resource)을 URI로 표현하고 HTTP Method를 활용하여 상태를 관리하는 설계 방식이다.• REST는 서버가 관리하는 자원(Resource)의 ..

맛집 정보 조회 API 분석• 맛집: 명동 교자 본점• URL: https://place.map.kakao.com/1479300828• Method: GET• Status: 200 OK• Content-Type: text/html;charset=UTF-8분석 내용 • 해당 URL에 접속한 뒤 개발자도구(F12)의 Network 탭을 통해 요청과 응답 내용을 확인하였다. • 우선 클라이언트(브라우저)는 카카오맵 서버에 장소 상세 페이지 조회를 요청하였다. • 서버는 장소 정보, 리뷰, 사진, 주변 맛집 등 페이지를 구성하기 위한 다양한 데이터를 응답한 것으로 보인다. • 브라우저는 전달받은 데이터를 해석하여 화면에 출력한다.Request Body (요청) • 해당 요청은 GET Method를 사용하였다...

HTTP(HyperText Transfer Protocol)• HTTP는 웹에서 클라이언트와 서버가 데이터를 주고받기 위한 통신 규약(Protocol)이다. • 웹 브라우저, 모바일 앱, 서버가 서로 정해진 방식으로 요청(Request)과 응답(Response)을 주고받을 수 있도록 만든 약속이다.HTTP가 필요한 이유 • HTTP가 없다면 서로 다른 컴퓨터가 데이터를 주고받을 때: > 어떤 형식으로 보내야 하는지 > 어디까지가 요청인지 > 어떤 데이터가 포함되어 있는지 알 수 없게 된다. • 서버가 요청을 이해하지 못하거나 클라이언트가 응답을 해석하지 못하는 상황이 발생한다. • HTTP는 서로 다른 나라 사람들이 대화하기 위해 사용하는 공통 언어와 같다. HyperText란? • ..

서버(Server)• 서버(Server)는 클라이언트의 요청(Request)을 받아 처리하고 응답(Response)을 반환하는 시스템이다.• 웹 브라우저, 모바일 앱같은 클라이언트가 서버에 요청을 보내면, 서버는 필요한 데이터를 처리하여 결과를 반환한다.하드웨어로서의 서버• 물리적인 컴퓨터 장비 자체를 의미한다.• 일반 PC와 비슷하지만 더 높은 성능, 더 안정적인 전원, 24시간 동작 가능 등 서버 운영에 최적화되어 있다.• 보통 데이터 센터, 클라우드 환경 등에서 운영된다. • 서버 하드웨어 특징: > 24시간 365일 동작 > 항상 인터넷 연결 상태 유지 > 고정 IP 주소 사용 > 높은 성능과 안정성 보유 클라우드 서비스란? • 대형 IT 기업이 서버를 인터넷을 통해 빌려주는 ..

JavaScript (자바스크립트)• JavaScript는 웹페이지에 동적인 기능을 추가하는 프로그래밍 언어이다.• 사용자의 입력이나 행동에 따라 화면이 변경되거나 기능이 실행되도록 만들 수 있다.• 예를 들면: > 버튼 클릭 > 메뉴 열기 > 로그인 검사 > 슬라이드 배너 이동• 초기에는 웹 브라우저에서 동작하는 언어로 만들어졌지만, 현재는 서버(Node.js), 모바일 앱, 데스크탑 프로그램 개발에도 사용될 만큼 범용적인 언어로 발전하였다.• Java와 문법적으로 비슷한 부분이 일부 존재하지만, 완전히 다른 프로그래밍 언어이다.JavaScript의 역할• JavaScript는 사용자의 행동에 따라 웹페이지가 동적으로 반응하도록 만든다. > 버튼 클릭 시 팝업 열기 > 로그인 실패 메시지 출..

CSS (Cascading Style Sheets)• 웹페이지의 디자인과 화면 배치를 담당하는 스타일 언어이다.• HTML이 웹페이지의 구조를 만든다면, CSS는 색상, 크기, 위치 등의 디자인을 적용한다.• 보통 HTML과 함께 사용되며, 웹페이지를 더 보기 좋고 사용자 친화적으로 꾸밀 수 있다. > HTML → 건물의 설계도 > CSS → 건물의 인테리어CSS 기본 구조• CSS는 누구를 선택할지(Selector), 어떻게 꾸밀지(Declaration) 를 작성하는 방식으로 동작한다.h1 { color: blue; font-size: 30px;} > h1 → Selector(선택자) > color, font-size → Declaration(스타일 선언)CSS 사용 방법1. 외부 C..

HTML (HyperText Markup Language)• 웹 브라우저에서 웹페이지의 구조를 정의하는 마크업 언어이다.• , , 와 같은 태그(Tag)를 사용하여 텍스트, 이미지, 링크 등의 콘텐츠 구조와 의미를 표현한다.• 브라우저는 HTML 문서를 해석하여 사용자에게 웹페이지 형태로 화면에 출력한다. • 하이퍼텍스트(HyperText) > 링크를 통해 다른 문서나 페이지로 이동할 수 있는 텍스트를 의미한다. > 네이버 이동 > 사용자가 링크를 클릭하면 다른 HTML 페이지로 이동할 수 있다. • 마크업 언어(Markup Language) > 태그(Tag)를 사용하여 > 문서의 구조와 의미를 표현하는 언어이다. > HTML은 제목, 문단, 이미지, 링크 등..

웹(Web, WWW - World Wide Web)• 인터넷(Internet)을 통해 전 세계의 컴퓨터들이 서로 연결되어 정보를 공유하는 서비스이다.• 웹 브라우저를 통해 문서, 이미지, 영상 등 다양한 정보를 확인할 수 있다.• 웹(Web)과 인터넷(Internet)은 비슷해 보이지만 다른 개념이다. > 인터넷 → 전 세계 컴퓨터를 연결하는 네트워크 > 웹 → 인터넷 위에서 동작하는 정보 서비스• 즉, 인터넷이라는 도로 위에서 웹이 움직인다고 이해하면 쉽다.웹의 3가지 요소주소(URL)• 웹에 존재하는 다양한 데이터(문서, 이미지, 영상 등)의 고유 주소이다.• URL을 통해 원하는 웹페이지와 웹 서비스에 접근할 수 있다. > https://www.google.com• 비유하면: > URL은 집..

프론트엔드(Frontend)• 사용자가 눈으로 보고 직접 조작하는 모든 영역을 개발하는 분야이다.• 웹 브라우저나 앱에서 사용자에게 보여지는 화면을 구현하며,• 사용자가 편리하게 서비스를 이용할 수 있도록 사용자 경험(UX)을 개선한다.프론트엔드에서 하는 일UI 제작• HTML과 CSS 등을 사용하여 사용자가 볼 수 있는 화면의 구조와 디자인을 구현한다. > HTML → 화면 구조 > CSS → 색상, 배치, 디자인 • 비유하면: > HTML은 건물의 뼈대 > CSS는 인테리어와 디자인UX 제작• JavaScript 등을 사용하여 버튼 클릭, 메뉴 열기, 데이터 변경 같은 사용자와의 상호작용 기능을 구현한다.• 사용자가 서비스를 더 편리하고 자연스럽게 사용할 수 있도록 만든다. > ..

- TV 리모컨 만들기 - ON / OFF 로 TV 실행 여부 확인 - 채널 연속으로 바꾸기 - OFF를 통해 TV 끄기Scanner scanner = new Scanner(System.in); // 입력 객체 생성int channel = 1; // 기본 채널 1로 설정String power = ""; // ON / OFF 반복문 사용을 위해 공백으로 초기 설정String updown = ""; // UP / DOWN 반복문 사용을 위해 공백으로 초기 설정// ON / OFF 입력while (!power.equals("ON") && !power.equals("OFF")) { // 값이 ON / OFF가 아닐경우 반복 System.out.println("ON/OFF를 입력해주세요"); power = ..