728x90 반응형 Codestates FE11 [Codestates FE] S3U2 - UI/UX UI UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템이다. 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 UI이다. CLI(Command Line Interface, 명령 줄 인터페이스) : 터미널 GUI(Graphical User Interface, 그래픽 사용자 인터페이스) : 화면과의 상호작용을 통해 사용하는 인터페이스 UX UX(User Experience, 사용자 경험) : 사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험이다. UI와 UX의 차이점 UX는 UI를 포함한다. 2023. 4. 13. [Codestates FE] S2U8 - REST API ## REST API REST API는 웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말한다. ## REST API 성숙도 모델 성숙도 모델은 총 4단계로 나누어져서 각 단계의 조건에 만족할 수록 REST API에 가까워진다고 한다. ### Level 0 Level 0은 웹 매커니즘을 사용하지 않고 HTTP를 원격 호출을 위한 전송 시스템으로 사용하는 경우이다. RPC(Remote Procedure Call)처럼 리소스 구분 없이 설계된 HTTP API이다. 하나의 End-point를 사용해서 HTTP Method도 반드시 POST가 된다. 그래서 서로 다른 매개변수를 통해서만 여러 동작을 하게 된다. ### Level 1 : Reso.. 2023. 3. 29. [Codestates FE] S2U5 - 반딧불반 App.js import React from 'react'; import './App.css'; import './global-style.css'; import { BrowserRouter, Routes, Route, Link } from 'react-router-dom'; import Sidebar from './Sidebar'; import Tweets from './Pages/Tweets'; import MyPage from './Pages/MyPage'; import About from './Pages/About'; const App = () => { return ( ); }; // .. 2023. 3. 23. [Codestates FE] S2U2 - 객체 지향 프로그래밍 객체 지향 프로그래밍 단순히 별개의 변수와 함수로 순차적으로 작동하는 것을 넘어, 데이터의 접근과 데이터의 처리 과정에 대한 모형을 만들어 내서, 데이터와 기능이 별개로 취급되지 않고, 한 번에 묶여서 처리할 수 있게 되었다. 캡슐화 데이터와 기능을 따로 정의하지 않고, 하나의 객체 안에 넣어서 묶는 것 => 느슨한 결합 (코드가 상징하는 실제 모습과 닮게 코드를 모아 결합함) 코드가 복잡하지 않게 만들고, 재사용성을 높임 추상화 사용하는 사람이 필요하지 않은 메서드 등을 노출시키지 않고, 단순한 이름으로 정의함 코드가 복잡하지 않게 만들고, 단순화된 사용으로 변화에 대한 영향을 최소화함 상속 부모 클래스 (기본 클래스)의 특징을 자식 클래스(파생 클래스)가 물려받는 것 불필요한 코드를 줄여 재사용성을 .. 2023. 3. 15. [Codestates FE] S2U2 객체지향 클래스 ES5 // 클래스의 정의 function Car(brand, name, color) { // 속성의 정의 this.brand = brand; this.name = name; this.color = color; } // 메소드의 정의 Car.prototype.refuel = function () { } // 인스턴스 생성 let avante = new Car('hyndai', 'avante', 'black'); // new라는 키워드를 통해 생성자 함수가 실행되고, 변수에 클래스의 설계를 가진 새로운 객체, 즉 인스턴스가 할당된다. 각각의 인스턴스는 클래스의 고유한 속성과 메서드를 갖게 된다. // 인스턴스에서의 사용 avante.color; avante.. 2023. 3. 15. 이전 1 2 다음 728x90 반응형