728x90 반응형 SMALL Programming/Website35 [Website] 프레임워크 (Framework) 프레임워크 (Framework) 프레임워크는 개발 패턴을 간소화해 주는 도구이며 중복된 코드를 최소화한다. 재사용 가능한 부분을 최대화하고 불가능한 부분을 최소화한다. 프론트엔드 프레임워크 Angular JS ReactJS VueJS SvelteJS 등 백엔드 프레임워크 Django (Python) Spring (Java) Express (JavaScript) 등 스택 어떠한 제품이나 서비스를 만들 때 프론트엔드나 백엔드 등 개발에 사용한 모든 기술을 포함한다. MERN 스택 : MongoDB + Express + ReactJS + NodeJS MEAN 스택 : MongoDB + Express + AngularJS + NodeJS JAM 스택 : JavaScript + API + Markup 2023. 2. 1. [Website] 프론트엔드 / 백엔드 프론트엔드 (Front-End) 사용자와 상호 작용하는 부분이다. 사용자의 컴퓨터에서 동작한다. HTML CSS JavaScript ReactJS VueJS 등 뷰 (View) 사용자는 UI를 통해 상호 작용 컨트롤러 (Controller) 사용자의 상호 작용에 해당하는 요청 및 응답 처리 모델 (Model) 요청과 응답의 상태에 따라 UI를 변경 백엔드 (Back-End) 서비스를 제공하는 부분이다. 서버 컴퓨터에서 동작한다. API 비지니스 로직 데이터베이스 Django, Spring 등 컨트롤러 (Controller) 해당 API의 요청 및 응답 처리 모델 (Model) 비지니스 로직 처리 모델 (Model) 데이터 읽기 / 쓰기 등의 데이터베이스 처리 2023. 2. 1. [Website] 소켓 주소 (Socket Address) 소켓 주소 (Socket Address) 소켓을 이용할 통신 객체 (클라이언트 또는 서버)의 구체적인 주소를 표현하기 위해서는 주소 체계 (address family), IP 주소, 포트 번호 세 가지가 지정되어야 하며 이 세 가지 주소 정보를 소켓 주소 (socket address)라고 부른다. 소켓 주소로 인터넷에서 서비스 (서버)를 찾는다. IP 주소 IP주소는 인터넷상에 있는 컴퓨터의 고유한 주소로 이것를 바탕으로 인터넷 상의 한 컴퓨터에서 다른 컴퓨터로 데이터를 주고 받을 수 있다. 현재 사용되는 IP주소는 버전4 (IPv4)로 점으로 나누어진 최대 12자리의 숫자로 이루어져 있다. 간단하게 컴퓨터를 의미한다. 포트 번호 (Port Number) 포트란 호스트 내에서 실행되고 있는 프로세스를 구.. 2023. 2. 1. [Website] 클라이언트 서버 모델 (Client–server model) 클라이언트 서버 모델 (Client–server model) 클라이언트 서버 모델 (client–server model)은 서비스 요청자인 클라이언트와 서비스 자원의 제공자인 서버 간에 작업을 분리해주는 분산 애플리케이션 구조이자 네트워크 아키텍처를 나타낸다. 웹 시스템도 확장된 '클라이언트 서버 시스템'으로 분류되나, 일반적으로는 클라이언트 서버 시스템이라고 하면 웹 시스템이 나오기 이전의, 사용자 PC에는 클라이언트가 설치되어 화면을 처리하고 서버에서는 자료를 처리하는 시스템을 일컫는다. 클라이언트 (Client) 서비스를 사용하는 컴퓨터 (service user)라고도 하며, 서버와 이어진 모든 기기 (컴퓨터의 경우 WIFI, 모바일은 모바일 네트워크)와 단말기에서 이용하는 웹에 접근하는 SW이며,.. 2023. 2. 1. [Website] Wix (윅스) Wix (윅스) Wix.com (나스닥: WIX)은 2006년 이스라엘 텔아비브 (Tel Aviv)에서 설립된 클라우드 기반의 무료 홈페이지 제작 사이트이다. 2013년 NASDAQ 상장 당시, Google, Apple 등의 IT 대기업에 매각했던 다른 이스라엘 스타트업들과 달리 기업공개 (IPO)를 선택해 주목을 받았다. '코딩이나 디자인이 필요 없는 드래그-앤-드롭 방식'의 손쉬운 HTML5 템플릿 편집 방식으로 시작한 Wix는 2016년 인공지능 방식의 자동 홈페이지 제작 솔루션 ADI (Artificial Design Intelligence) 기능을 선보였으며, 지난 2019년 4월 Google 개발자 컨퍼런스에서 전문가 코딩을 지원하는 Corvid By Wix 서비스 출시를 발표했다 (2018년.. 2022. 9. 3. [Website] HTML for Webscraping HTML for Webscraping Lionel Messi Salary: $ 100,000,000 Christiano Ronaldo Salary: $ 150,000,000 Neymar Junior Saraly: $ 85,000,000 Lionel Messi $ 100,000,000 Christiano Ronaldo $ 150,000,000 Neymar Junior $ 85,000,000 Naver webpage Attribute (Name) href Attribute (Value) "https://naver.com" content Naver webpage opening / start tag end tag Pizza Place Orders Slices Domino Pizza 10 100 Pizza hut.. 2022. 5. 11. [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹 사이트 빌드 (3) JavaScript를 사용하여 대화형 작업 추가 JavaScript (또는 ECMAScript)는 대화형 작업을 웹 페이지에 추가하는 데 도움이 되는 프로그래밍 언어이다. 예를 들어 JavaScript를 사용하여 사용자가 단추를 선택할 때 발생하는 이벤트 또는 동작 (팝업 창 열기 등)을 정의할 수 있다. JavaScript를 사용하면 웹 페이지에서 콘텐츠를 다시 로드하지 않고도 추가하거나 제거할 수 있다. 웹 개발자는 웹 브라우저를 사용하여 스크립트를 테스트하고 이에 대한 피드백을 얻을 수 있다. 웹앱에 대한 예제 JavaScript 파일을 설정한다. 밝은 테마와 어두운 테마 사이를 전환하는 단추를 만든 다음, 실제 테마 전환을 수행하는 JavaScript 코드에 단추를 연결한다. 이 작업이 완료되면 .. 2022. 2. 6. [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹사이트 빌드 (2) CSS를 사용하여 HTML 스타일 지정 CSS (Cascading Style Sheet)를 사용하여 페이지의 모양을 지정할 수 있다. 기본적인 개념은 HTML 페이지 내에서 사용하는 요소에 대한 스타일을 정의하는 것이다. 예를 들어 상자를 선택하고 둥근 모서리를 적용하거나 상자의 배경에 그라데이션 효과를 지정할 수 있다. 또는 CSS를 사용하여 상호 작용할 때 하이퍼링크가 표시되고 응답하는 방식을 지정할 수 있다(HTML 코드에서 하이퍼링크의 대상 주소를 정의). 특정 요소 또는 특정 형식의 모든 요소에 스타일을 적용하거나, 클래스를 사용하여 여러 요소에 적용할 수 있는 스타일을 지정할 수 있다. CSS3에서는 정교한 애니메이션 효과를 수행할 수도 있다. 외부 CSS ... #HTML Task Timel.. 2022. 2. 6. [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹사이트 빌드 (1) 웹페이지의 기능 콘텐츠, 스타일, 비즈니스 논리는 각각 HTML, CSS 및 JavaScript 파일로 구분된다. 최신 프로그래밍의 디자인 원칙은 ‘문제를 분리하는 것’이다. 문제를 분리하는 여러 가지 이유 중에서 두 가지 이유는 단순성과 재사용이다. 예를 들어 각 HTML 요소에서 모양을 코딩하는 대신 CSS를 사용하여 HTML 요소의 스타일을 지정함으로써 페이지 복잡성과 관계없이 페이지의 모든 요소에 CSS 스타일을 적용하여 페이지 서식 지정을 간소화할 수 있다. 또한 여러 HTML 페이지를 단일 CSS 파일에 연결하여 전체 웹 사이트에서 일관된 모양과 느낌을 간소화할 수 있다. 확장 또는 패키지 설치 Extensions Marketplace를 사용하여 Visual Studio Code의 기능을 확장.. 2022. 2. 6. [Website] 구조화 질의 언어 (SQL ; STRUCTURED QUERY LANGUAGE) 구조화 질의 언어 (SQL ; STRUCTURED QUERY LANGUAGE) 백엔드 개발에 관심이 있다면, SQL은 반드시 배워야 하는 언어이다. SQL은 MySQL이나 PostgreSQL과 같은 주요 데이터베이스 (DB) 엔진을 돌아가게 하는 원동력이다. 대부분의 DB 엔진은 SQL과 코드가 호환되기 때문에 SQL을 익혀 두면, 어떤 DB 시스템 기반에서도 작업을 할 수 있다. 초보자들이 가장 많이 접하는 데이터베이스 엔진은 MySQL이다. MySQL은 호스팅 업체에서 묶음으로 함께 제공되는 경우가 많으며, 워드프레스 (WordPress)와 같은 유명한 콘텐츠관리시스템 (CMS)에서 가장 많이 사용되고 있는 DB 엔진이다. 모든 언어를 다룰 수 있다면 유능한 풀 스택 (full-stack) 개발자가 .. 2022. 2. 6. 이전 1 2 3 4 다음 728x90 반응형 LIST
