퍼온자료

웹 개발의 A to Z

삼군개발자 2020. 8. 26. 14:48

소개

우리 모두 알다시피 웹 개발은 매우 방대하고 넓은 분야입니다. 이 분야의 경력 경로는 다른 방식, 형태 또는 형태로 올 수 있습니다.

업계에 진출하고자하는 사람들이 "어떤 경로로 시작해야합니까?"라고 묻는 것은 드문 일이 아닙니다.

웹 개발에서 취할 수있는 다양한 직업 경로에는 모바일 앱 개발, UI / UX 디자인, 게임 개발, 소프트웨어 테스트, 데이터베이스 관리, 시스템 분석가, SEO 전문가 등이 포함됩니다.

이 기사의 목표는 앞서 나열된 직업에 대해 논의하는 것이 아닙니다. 그러나 목표는 웹 개발 세계에서 사용되는 다양한 기술 용어 중 일부를 A부터 Z 까지 시간순으로 살펴 보는 것 입니다.

 

AJAX

이것은 A synchronous J avascript 및 X ML을 나타냅니다. 1999 년 3 월에 처음 등장했습니다.

웹 개발자가 대화 형 웹 응용 프로그램을 구축하는 데 사용하는 도구입니다. AJAX를 사용하면 개발자가 웹 페이지를 새로 고치지 않고도 데이터를 보내고받을 수 있습니다.

AJAX는 Html 및 CSS를 사용하여 마크 업을 렌더링하고 자바 스크립트를 사용하여 서버에서 비동기 적으로 데이터를 가져옵니다.

 

Accessibility

여기에는 모든 사람, 특히 장애인이 액세스 할 수있는 웹 사이트 또는 애플리케이션을 만드는 관행이 포함됩니다.

모든 사람이 웹 사이트에 액세스 할 수 있도록하는 이점은 아무리 강조해도 지나치지 않습니다.

개발자와 응용 프로그램 사용자 모두에게 중요합니다.

접근성은 시장에서 품질이 높은 제품과 낮은 제품으로 간주되는 제품의 차이 일 수 있으며 무시해서는 안됩니다.

 

API

API는 의미 pplication P rogramming I nterface. 서로 다른 소프트웨어 구성 요소가 서로 상호 작용하는 방식을 의미합니다.

요청을 통해 서로 다른 소프트웨어 구성 요소간에 데이터를 공유 할 수 있도록하는 일련의 지침입니다.

 

Browser

이것은 매우 친숙한 용어입니다. 간단히 말해, 이것은 사용자가 인터넷에서 데이터에 액세스 할 수있게 해주는 소프트웨어 응용 프로그램입니다. 오늘날 가장 인기있는 브라우저로는 Google Chrome, Mozilla Firefox 및 새로 업데이트 된 Microsoft edge가 있습니다.

이러한 각 브라우저는 엔진으로 구동됩니다.

예를 들어 Google 크롬은 V8로, Firefox는 Spider Monkey로 구동됩니다.

 

CSS

CSS는  의미 C ascading의 S tyle의 S의 heets. 마크 업 언어 (Html)로 작성된 페이지의 문서가 표시되는 방식을 설명하는 데 사용되는 스타일 시트 언어입니다. 1996 년 12 월 17 일에 처음 출시되었으며 오픈 웹의 필수 언어 중 하나입니다.

CSS 사양은 W3C (World Wide Web)에서 관리합니다.

 

CDN

이것은 단순히 의미 C ontent D elivery 네트워크. 전 세계의 다양한 지리적 위치에 분산 된 서버 네트워크입니다.

CDN  사용의 목표는 속도 측면에서 좋은 사용자 경험을 제공하고 트래픽이 급증하는 경우 웹 사이트가 충돌하는 것을 방지하는 것입니다.

트래픽이 많은 많은 웹 사이트에서 CDN을 사용 합니다. Daniel Lewin   CDN 의 발명가였습니다 .

 

CMS

C ontent M 관 리 S 템 관리 및 웹 사이트에 내용의 수정, 건물과 디지털 솔루션을 제공하는 소프트웨어 응용 프로그램입니다. 이 모든 것은 처음부터 코드를 작성하는 기술적 인 지식 없이도 가능합니다.

가장 인기있는 CMS 에는 WordPress, Drupal, Shopify, Joomla 및 Magneto가 포함됩니다.

WordPress가 가장 큰 시장 점유율을 가지고 있으며 인터넷에있는 모든 웹 사이트의 37.7 % 이상을 차지하고 있다는 점에 주목할 가치가 있습니다.

 

Domain Name

도메인 이름은 인터넷 내에서 관리 자율성, 권한 또는 제어의 영역을 정의하는 식별 문자열입니다.

더 자세히 말하자면, 도메인 이름은 단순히 웹 사이트의 물리적 주소를 의미합니다. 도메인 이름 등록 서비스 의 글로벌 제공 업체 인 Verisign 에 따르면 2016 년 2 분기 말에 모든 TLD에서 등록 된 도메인 이름  3  3460  개로 추정 되었습니다.

일반적으로 도메인 이름은 최대 63 자 (문자, 숫자 또는 조합)와 도메인 확장을 식별하는 데 사용되는 4 자까지만 가능합니다.

 

Deployment

배포는 소프트웨어를 사용할 수 있도록 만드는 데 관련된 모든 프로세스를 의미합니다. 배포 프로세스에는 로컬 환경에서 개발 환경, 스테이징 환경에 이르는 다양한 유형의 환경이 포함됩니다.

소프트웨어 제공시 설정해야하는 배치 환경의 수는 프로젝트 구조에 따라 다릅니다.

 

DevOps

개발 (Dev) 및 운영 (Ops)이라고도합니다. 소프트웨어를 더 빠른 속도로 제공하기위한 도구, 사람 및 제품의 조합입니다.

DevOps 는 지속적인 통합을 강화하여 최종 사용자에게 양질의 제품을 제공합니다.

이 프로세스에 사용되는 일부 DevOps 도구에는 Docker, Github, Jenkins, Slack이 포함됩니다.

 

EcmaScript

ECMAScript 는 클라이언트 측 및 서버 측 애플리케이션을 모두 구축하는 데 사용할 수있는 범용 프로그래밍 언어입니다.

ECMA International에 의해 표준화되어 언어에 추가 될 수있는 새로운 기능을 결정합니다.

또한이 언어는 이전 버전과 100 %  호환되므로  현재 작성된 모든 코드가 향후 지원 될 것입니다.

 

FrameWork

FrameWork는 소프트웨어 응용 프로그램 개발에 사용되는 플랫폼입니다. 웹 애플리케이션을 빌드하는 미리 정의 된 방법이 함께 제공됩니다.

이것의 장점은 애플리케이션의 개발 프로세스가 간소화된다는 것입니다. 소프트웨어 개발자는 바퀴를 재발 명 할 필요가 없습니다.

유명한 프레임 워크로는 Angular, Laravel, Django, Spring 및 ASP.net이 있습니다.

 

Git

2005 년 4 월 7 일에 처음 출시되었습니다. Git 은 웹 개발 프로세스의 필수적인 부분입니다.

소규모 및 대규모 프로젝트를 모두 관리하도록 설계된 무료 오픈 소스 버전 제어 시스템입니다.

개발자가 코드를 작성할 때 변경된 사항을 추적하는 데 도움이됩니다. 요약하면 git은 개발자에게 유연성, 보안 및 고성능을 제공합니다.

 

HTTP

HyperT ext  T ransfer P rotocol 은 클라이언트 측과 서버 측 서버간에 데이터를 전송하는 데 사용되는 애플리케이션 계층 프로토콜입니다.

흐름에는 브라우저가 서버에 요청을 보내고 요청이 서버에 의해 처리되고 서버가 브라우저에 HTTP 응답을 반환하는 것이 포함됩니다.

HTTP 의 최초 문서화 버전은 1991 년에 문서화되었습니다.

 

IDE

I ntegrated D evelopment E 콤바인 도구와 다양한 기능이보다 효율적이고 효과적으로 코드를 작성하는 프로그래머를 활성화하는 것을 nvironment (IDE) 인 소프트웨어 응용 프로그램입니다.

또한 IDE는 수동으로 설정하지 않고도 응용 프로그램을 구성하는 데 필요한 다양한 유틸리티를 사용할 수 있도록하여 프로그래머의 생산성을 향상시킵니다.

널리 사용되는 IDE에는 IntelliJ, Eclipse 및 Visual Studio가 있습니다.

 

JSON

스탠드 J ava * S cript  O bject  N * otation. 경량 데이터 교환 형식입니다.

JavaScript에서 파생되었으며 많은 프로그래밍 언어에서 채택되었습니다.

대부분의 최신 브라우저에서 지원되는 JSON 은 서버와 클라이언트간에 데이터를 쉽게 전송하는 데 도움이됩니다. JSON 은 XML의 대안입니다.

 

Keyword Optimization

이것은 주로 특정 웹 사이트로 트래픽을 유도하는 것입니다. 웹 페이지에서 키워드와 구문을 활용하는 과정이 포함되어 사람들이 해당 콘텐츠를 더 쉽게 찾을 수 있습니다.

사용할 올바른 키워드를 알기 위해서는 많은 연구가 필요합니다.

귀중한 데이터와 통계를 제공하여이 프로세스를 더 쉽게 만들어주는 프리미엄 도구가 있습니다.

 

LAMP

L inux,  A pache,  M ySQL,  P HP / P erl / P ython은 웹 애플리케이션 개발 및 배포에 사용되는 인기있는 오픈 소스 웹 스택입니다.

WordPress 및 Drupal과 같은 오픈 소스 애플리케이션은 LAMP 스택을 사용합니다.

이 스택은 필요한 요구 사항을 충족하도록 제품을 확장하는 데 필요한 유연성을 제공합니다.

 

Library

프레임 워크와 유사하게 라이브러리는 구성된 데이터 및 스크립트의 모음으로 설명 할 수 있으며 최종 목표는 코드 작성 프로세스를 자동화하는 것입니다.

대부분의 프로세스가 미리 정의 된 프레임 워크의 경우 라이브러리를 통해 소프트웨어의 흐름 또는 아키텍처를 설계하는 방법을 고도로 제어 할 수 있습니다.

프론트 엔드 웹 개발의 세계에서 라이브러리의 예로는 jQuery, Twitter Bootstrap, Angular JS 및 React JS가 있습니다.

 

MVC

MVC  는 M odel, V iew  C ontroller를 나타냅니다. 거의 모든 프로그래밍 언어에서 발견되는 소프트웨어 패턴입니다.

M의 ODEL 데이터가 어떻게 구성되어 있는지를 판단 상기 V iew 사용자 인터페이스를 나타내는 반면 C 핸들 ontroller 통해서와 주로하는 클라이언트에 의해 요청 의 HTTP 요청.

애플리케이션을 세 가지 구성 요소 ( M odel, V iew  C ontroller) 로 분할하여 관심사 분리 원칙에 중점을 둡니다 .

MVC의 관심 분리 원칙을 즉시 사용하는 인기있는 프레임 워크는 단일 구성 요소에 대해 4 개의 개별 파일을 생성하는 Angular입니다.

 

Node.js

Ryan Dahl에 의해 생성되고 2009 년 5 월 27 일에 출시되었습니다. 웹 브라우저 외부에서 JavaScript 코드를 실행하는 오픈 소스, 크로스 플랫폼, JavaScript 런타임 환경입니다.

Node.js를 사용하면 개발자가 서버에서 자바 스크립트를 작성하여 동적 웹 페이지를 만들 수 있습니다.

Microsoft, Netflix, Uber * , * Medium 과 같은 대기업에서 사용합니다.

 

OOP

O bject- O riented P rogramming (OOP)를 개체로의 소프트웨어 설계를 구성하는 프로그램의 개념이다.

객체의 사용을 채택함으로써 OOP는 읽기 가능하고 재사용 가능하며 액세스 가능하고 확장 가능한 소프트웨어를 만드는 것과 같은 몇 가지 장점이 있습니다.

OOP를 사용하는 일부 프로그래밍 언어에는 JavaScript, Java, C ++, C #, Python, PHP 및 Ruby가 포함됩니다.

 

Plugin

플러그인은 추가 기능을 제공하기 위해 프로그램에 추가되는 소프트웨어 구성 요소의 일부입니다.

플러그인을 추가 할 수있는 일부 장소에는 웹 사이트 또는 브라우저가 포함됩니다.

플러그인은 프로그램의 기능, 기능 및 성능을 향상시키는 데 도움이된다는 점에서 매우 중요합니다.

 

Query

쿼리는 단순히 데이터 세트를 얻기 위해 데이터베이스에 요청하는 것을 의미합니다. Structured Query Language(SQL)

 

Regular Expression(정규식)

R egex 또는 R egexp 라고도 하는 R egular E xpression은 특정 패턴을 일치시키는 데 사용되는 문자열 집합이라고 할 수 있습니다.

Regex를 사용하면 특히 대규모 데이터 세트에서 검색 작업을 훨씬 쉽게 수행 할 수 있습니다.

Regexp는 특정 프로그래밍 언어에 국한되지 않는다는 점에 유의할 가치가 있습니다.

 

REST (추후 내용 추가)

REST는 웹 서비스 디자인에 사용되는 아키텍처 패턴입니다. REST 원칙을 기반으로 구축 된 웹 서비스를 RestFul 웹 서비스라고 할 수 있습니다.

REST는 일반 텍스트, HTML, XML, JSON 등과 같은 다양한 유형의 데이터 형식을 지원합니다.

RestFul 웹 서비스는 HTTP를 통해 구축되며 GET, POST, PUT, PATCH 및 DELETE와 같은 용어를 사용하여 기능을 수행 할 수 있습니다.

 

SOAP

SOAP는 S imple O bject A ccess P rotocol을 의미하며 1998 년 Dave Winer가 설계했습니다. 웹 서비스에 액세스하기위한 XML 기반 프로토콜입니다.

일반 텍스트, HTML 및 JSON과 같은 다른 데이터 형식을 지원하지 않습니다.

SOAP는 서로 다른 플랫폼에 구축 된 프로그램간에 안전한 방식으로 데이터를 쉽게 교환 할 수 있도록 만들어졌습니다.

 

SSL

SSL은  Secure Sockets Layer의 약자이며 해커로부터 인터넷을 안전하게 유지하기위한 업계 표준입니다.

1995 년 Netscape에서 개인 정보를 보호하고 서로 다른 시스템간에 전송되는 민감한 데이터를 보호하기 위해 처음 개발되었습니다.

웹 사이트가 SSL로 보호되는지 확인하는 방법 중 하나는 URL이 "http : //" 가 아니라 "https : //"로 표시되는 경우 입니다.

 

TLS

T ransport L ayer S ecurity는 SSL의 후속 제품입니다. SSL과 동일한 기능을 수행하지만 실행에는 약간의 차이가 있습니다.

 

TDD

TDD는 생산에 코드를 선적하기 전에 테스트를 작성하는 필요성을 강조 소프트웨어 개발 방법입니다.

TDD의 목적은 깨끗하고 버그가없는 코드를 작성하는 것입니다.

TDD는 일반적으로 5주기를 포함합니다.

  • 테스트 개발 및 설계
  • 테스트를 실행하고 테스트 실패 확인 
  • 테스트를 통과하기위한 코드 작성
  • 테스트를 실행하여 테스트에 통과했는지 확인
  • 코드를 리팩터링하고 프로세스를 반복하십시오.

Text Editor

텍스트 편집기는 웹 개발자가 웹 응용 프로그램을 만들고 개발하는 데 사용하는 소프트웨어입니다.

일부 텍스트 편집기에는 간단한 기능이있는 반면 다른 일부는 복잡한 기능이 있습니다.

사용할 텍스트 편집기 유형은 개발자가 빌드하려는 애플리케이션에 따라 다릅니다.

대부분의 텍스트 편집기에는 복사 및 붙여 넣기, 검색 및 바꾸기, 실행 취소 및 다시 실행과 같은 기본 기능이 있습니다. 기타.

널리 사용되는 텍스트 편집기로는 Notepad ++, Visual Studio Code, Atom 및 Sublime Text가 있습니다.

 

UI & UX Design

웹 개발의 사용자 인터페이스 (UI)와 사용자 경험 (UX)은 특정 제품의 디자인 프로세스에서 중요한 두 개의 개별 개념입니다. 그들은 함께 일합니다.

UI는 제품 디자인의 시각적 측면에 중점을 둡니다. 사용자가 비디오, 문서, 텍스트, 이미지 및 좋아요와 같은 제품에서 상호 작용하는 측면입니다.

반면 UX는 웹 사이트 또는 애플리케이션에서 사용자의 전반적인 경험에 중점을 둡니다. 즉, 제품에 대한 사용자의 감성에 집중하려고한다.

UI와 UX의 조합은 애플리케이션 사용자가 성공적인 제품의 욕구 인 기능성, 만족도 및 유용성 측면에서 최상의 경험을 얻을 수 있도록합니다.

 

Version Control

소스 제어라고도하는 시스템은 사용자가 파일, 문서 또는 모든 형태의 정보 수집 소스에서 변경된 내용을 추적 할 수 있도록하는 시스템입니다.

버전 제어는 주로 코드의 변경 사항을 추적하는 데 사용됩니다.

애플리케이션을 빌드하는 데 사용되는 코드가 점점 더 복잡 해짐에 따라 어느 정도의 온 전성을 가져 오기 위해 버전 제어의 필요성이 중요해졌습니다.

버전 제어는 중앙 집중식 및 분산 형 시스템의 두 가지 주요 범주로 나눌 수 있습니다.

인기있는 버전 제어 시스템의 예는 GIT  무료 오픈 소스입니다.

 

Web Standards

W3C 표준 은 개발자가 모든 장치에서 사용할 수있는 방대한 데이터 저장소로 구동되는 풍부한 대화 형 경험을 구축 할 수있는 전례없는 잠재력을 가진 애플리케이션 개발을위한 오픈 웹 플랫폼 *을 정의합니다  . *

-  www.w3.org/standards

 

Standards - W3C

W3C standards define an Open Web Platform for application development that has the unprecedented potential to enable developers to build rich interactive experiences, powered by vast data stores, that are available on any device. Although the boundaries of

www.w3.org

웹은 오늘날의 위치로 먼 길을 왔습니다. 그것은 비약적으로 성장했으며 오늘날 사회의 필수적인 부분이되었습니다.

이러한 엄청난 성장으로 인해 개발자가 잘못된 작업을 수행하는 것을 방지하기 위해 웹 작동 방식을 제어하는 ​​독립 기관을 보유하는 것이 적합합니다.

 

XSS

XSS는 또한로 알려진 Cross- SITE Scripting 침투 및 웹 페이지에 악성 스크립트를 삽입하는 해커 또는 해커 수 웹 보안 취약점입니다.

이는 일반적으로 동일 출처 정책과 같은 액세스 제어를 우회하여 브라우저를 통해 수행됩니다.

XSS 공격에 대해 취할 수있는 예방 조치는 다음과 같습니다.

  • 소프트웨어 업데이트 유지
  • 입력 필드 삭제
  • 웹 방화벽 애플리케이션 사용
  • 클라이언트 측 및 서버 측 유효성 검사 모두 채택
  • 브라우저에서 선택적으로 스크립트 비활성화

YAML

YAML은 YAML Ain't Markup Language 의 약자입니다 . 2001 년 5 월 11 일에 설립되었습니다.

다른 프로그래밍 언어와 잘 작동하는 인간 친화적 인 데이터 직렬화 언어입니다.

 

ZIP

ZIP은 저장 공간을 덜 차지하고 다른 장치로 쉽게 전송할 수있는 아카이브 파일 형식입니다.

ZIP 파일 형식은 여러 압축 알고리즘을 허용합니다. 1989 년 2 월 14 일에 처음 출시되었습니다.

 

----------------------------------------------------------------------------------------------------------------------------------

구글번역기로 번역 후 그대로 가져온 내용이라 직역 후 내용이 부실한 부분이 다소있다.

 

출처: https://dev.to/desoga/the-a-z-of-web-development-5ge6

 

The A-Z of Web Development

The A-Z of Web Development

dev.to

 

'퍼온자료' 카테고리의 다른 글

💵 캐시가 동작하는 아주 구체적인 원리  (0) 2022.03.17