SHUSTORY

🕷️ JSON, XML, YAML : 데이터 기술 형식JSON, XML, YAML은 공통적으로 데이터를 기술하는 형식이다.🕸️ 이것들이 필요한 이유가 뭘까?서비스들이 고도로 발전함에 따라 문자나 숫자를 넘어 복잡한 데이터를 주고받아야 하는 상황이 발생한다.예를 들어, DB에 있는 표 형태의 정보를 유저에게 문자 형식으로 보내주고 싶을 때와 같이..복잡한 데이터를 깔끔한 형식으로 정리해 담는 틀이나 형식이 필요하다. 🕷️ JSONJavaScript Object NotationJS에서 객체를 만들 때 사용하는 표현식을 의미{ "name": "John", "age": 30, "address": { "city": "New York", "zipcode": "10001..

🫨 API (Application Programming Interface)지난번 interface에 대해 조사할 때 잠깐 언급된 API !기억을 되짚어보자면, 개발 시 어떤 시스템 간 상호 작용을 위한 인터페이스.. 정도의 개념으로 이해하고 넘어갔다.이번 시간에는 아직 추상적으로 개념이 잡혀 있는 API에 대해 명확하게 알아보는 시간을 갖겠다. 🍏 API의 정의하나의 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법으로,애플리케이션에서 데이터를 읽거나 쓰기 위해서 사용하는 인터페이스를 의미한다.🤔 이 방법이라는 게 뭔데?쉽게 말하자면 그냥 코드이다.구체적으로는, 통신하는 시스템 간 데이터를 교환하고 요청 및 응답을 처리할 수 있도록 해주는 코드들인 셈이다.즉, 사용자는 UI를 사용하여 애플..

🦦 Frontend사용자가 마주보는 인터페이스를 '프론트엔드'라고 한다.사용자가 직접 상호작용하는 웹 서비스의 인터페이스를 구축하는 분야를 말한다.html, css, js 등의 기술을 활용하여 웹페이지를 실제로 구현한다.사용자가 애플리케이션을 사용할 때 시각적으로 보기 좋은 UI를 만들어주며, 사용자 경험을 향상시킨다.프론트엔드 개발자는 클라이언트 개발자라고도 한다.백엔드 개발자들이 만들어 놓은 API 명세서를 확인한 후 html, css, js를 사용하여 일반적인 사용자가 볼 수 있도록 사용자인터페이스, 즉 UI를 개발한다.개발 시 주로 사용되는 언어웹 서비스HTML(Hyper Text Markup Language)문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들..

🐢 MPA (Multiple Page Application)두 개 이상의 페이지로 구성된 애플리케이션사용자의 클릭과 같이 인터렉션이 발생할 때마다 해당 링크로 이동하여 앱이 다시 새로고침되는 방식으로 작동한다.🦦 인터렉션이 뭐죠?사용자의 특정 동작을 입력받아 시스템과 상호작용하는 것렌더링 방식으로 SSR(Server-Side-Rendering) 방식을 채택한다.서버로부터 완전하게 만들어진 html 파일을 받아와 페이지 전체를 렌더링하는 방식페이지를 이동하거나 새로고침하면 서버에서 전체 페이지를 다시 렌더링한다.🦦 렌더링이 뭐죠?웹 페이지를 사용자에게 보여주기 위해 서버로부터 받은 HTML, CSS, JS 파일들을 브라우저가 처리하여 화면에 출력하는 과정 🐢 SPA (Single Page Appli..

🌝 렌더링 (Rendering)🐰 렌더링이란?웹 개발에서 HTML, CSS, JS 등으로 작성된 문서를 브라우저가 해석 및 처리하여 사용자에게 보이는 웹 페이지를 생성하는 과정주요 목표는 사용자가 웹 페이지를 시각적으로 확인하고 상호작용할 수 있도록 하는 것이다.렌더링 방식에는 크게 CSR(Client-Side-Rendering)과 SSR(Server-Side-Rendering)이 있다.일반적으로 SPA에서는 CSR을, MPA에서는 SSR을 사용한다. 🌝 CSR (Client-Side-Rendering)클라이언트 측에서 렌더링하는 방식😯 여기서 말하는 '클라이언트' 라는게 뭘까?웹 애플리케이션을 사용하는 사용자의 장치나 브라우저를 의미한다는군요!초기에 빈 페이지를 로드하고, 그 후에 JS를 사용하..

👽 인터페이스공부를 하다보면, '인터페이스' 라는 단어를 여기저기에서 많이 접하게 되는데, 이 '인터페이스' 라는게 명확하게 무엇일까?인터페이스는 '약속'이다.함수가 됐든, 네트워크 패킷이 됐든, 외부 입력 장치가 됐든 상호작용을 위해서 미리 정의된 약속이 인터페이스이다.다시 말해, 정의된 약속 그대로 무의식 가운데 쓰이는 것이 인터페이스 이다.실생활에 빗대어 예시를 들어보자면 TV 리모컨, 컴퓨터의 파워 전원버튼, 변기의 레버, 고깃집의 호출벨 등을 인터페이스로 볼 수 있다.개발에서 API나, 코드 내 함수 하나도 인터페이스가 될 수 있다. 👽 여러 문맥에서의 인터페이스🫨 인터페이스의 개념에 대해서는 대략적으로 이해가 갔지만, 구체적으로 어떤 것들을 보고 인터페이스라고 부르는지에 대해서는 개념이 ..