웹 개발 웹사이트를 만들고, 구축하고, 유지하는 것을 말합니다. 여기에는 웹 디자인, 웹 게시, 웹 프로그래밍 및 데이터베이스 관리와 같은 측면이 포함됩니다. 인터넷, 즉 웹사이트를 통해 작동하는 애플리케이션을 만드는 것입니다.
웹 개발
웹 개발이라는 단어는 다음 두 단어로 구성됩니다.
- 웹: 웹사이트, 웹페이지 또는 인터넷을 통해 작동하는 모든 것을 의미합니다. 개발: 처음부터 애플리케이션을 구축하는 것을 의미합니다.
웹 개발은 두 가지 방법으로 분류될 수 있습니다.
프론트엔드 개발
사용자가 직접 상호 작용하는 웹 사이트 부분을 프런트 엔드라고 합니다. 애플리케이션의 '클라이언트 측'이라고도 합니다.
프론트엔드 로드맵
프론트엔드 개발 로드맵
인기 있는 프런트엔드 기술
- HTML: HTML은 HyperText Markup Language의 약자입니다. 마크업 언어를 사용하여 웹 페이지의 프런트 엔드 부분을 디자인하는 데 사용됩니다. 웹사이트의 구조를 만드는 데 사용되므로 웹사이트의 뼈대 역할을 합니다. CSS: CSS라고도 불리는 캐스케이딩 스타일 시트(Cascading Style Sheets)는 웹 페이지를 표시 가능하게 만드는 프로세스를 단순화하기 위해 간단하게 설계된 언어입니다. 이는 당사 웹사이트의 스타일을 지정하는 데 사용됩니다. 자바스크립트: JavaScript는 당사 웹사이트에 동적 동작을 제공하는 데 사용되는 스크립팅 언어입니다. 부트스트랩: Bootstrap은 반응형 웹사이트와 웹 애플리케이션을 만들기 위한 무료 오픈 소스 도구 모음입니다. 반응형 모바일 우선 웹사이트를 개발하는 데 가장 널리 사용되는 CSS 프레임워크입니다. 요즘 웹사이트는 모든 브라우저(IE, Firefox, Chrome)와 모든 크기의 화면(데스크탑, 태블릿, 패블릿, 휴대폰)에 완벽합니다.
- 부트스트랩 4
- 부트스트랩 5
프런트엔드 라이브러리 및 프레임워크
HTML
CSS
- CSS 프레임워크
- 부트스트랩
- 순풍 CSS
- 부르마
- 기반
- 입문서 CSS
- 스펙터 CSS
- CSS를 구체화하다
- Onsen UI
- 시맨틱 UI
- 블레이즈 UI
- 순수 CSS
- SASS
- 더 적은
- 자바스크립트 기술
- ES6
- 타입스크립트
- AngularJS
- 각도 ngx 부트스트랩
- 앵귤러 프라임NG
- VueJS
- NuxtJS
- script.aculo.us
- Ember.js
- Handlebar.js
- Backbone.js
- jQuery
- jQuery UI
- jQuery 모바일
- jQWidget
- jQuery를 EasyUI
- ReactJS
- NextJS
- 개미 디자인
- 반응 데스크톱
- 리액트 리베이스
- 부트스트랩 반응
- 반응 반응 스트랩
- 청사진JS
- 리액트 스위트
- React.js 에버그린
- 리액트 머티리얼 UI
- P5.js
- Fabric.js
- D3.js
- Collect.js
- Underscore.js
- 로다시
- TensorFlow.js
백엔드 개발
백엔드는 웹 사이트의 서버 측입니다. 이는 사용자가 보거나 상호 작용할 수 없는 웹사이트의 일부입니다. 사용자와 직접 접촉하지 않는 소프트웨어 부분입니다. 데이터를 저장하고 정리하는데 사용됩니다.
백엔드 로드맵
백엔드 개발 로드맵
인기 있는 백엔드 기술
- PHP: PHP는 웹 개발을 위해 특별히 설계된 서버측 스크립팅 언어입니다. 자바: Java는 가장 인기 있고 널리 사용되는 프로그래밍 언어 중 하나입니다. 확장성이 뛰어납니다. 파이썬: Python은 신속하게 작업하고 시스템을 보다 효율적으로 통합할 수 있는 프로그래밍 언어입니다. Node.js: Node.js는 브라우저 외부에서 JavaScript 코드를 실행하기 위한 오픈 소스 및 크로스 플랫폼 런타임 환경입니다.
백엔드 프레임워크 및 기술
PHP문자열.자바 포함
- 프레임워크: 라라벨 CMS: 워드프레스
- 프레임워크: 익스프레스
파이썬
- 프레임워크: Django, Flask 패키지 관리자: 파이썬 핍
루비
- 프레임워크: Ruby on Rails
- 프레임워크: Spring, 최대 절전 모드
씨#
- 뼈대: .그물
데이터 베이스:
- 관계 데이터베이스
- 포스트그레 SQL
- 마리아DB
- MySQL
- 몽고DB
웹 개발 튜토리얼
- HTML
- CSS
- 자바스크립트
- jQuery
- 부트스트랩
- JS 반응
- AngularJS
- PHP
- Node.js
- 장고
- 플라스크
웹 개발에 대한 몇 가지 중요한 링크
- 유리한 출발로 웹 개발 시작하기
- 반응형 웹사이트가 필요한 이유
- 웹 애플리케이션을 위한 상위 10개 프레임워크
- 웹 1.0, 웹 2.0, 웹 3.0의 차이점
- 당신이 알아야 할 10가지 웹 개발 및 웹 디자인 사실
- 웹 개발을 배우기 시작하려면 어떻게 해야 하나요?
- 웹 개발의 미래
- 프론트엔드 웹 개발을 배우기 위한 최고의 책
- 백엔드 웹 개발을 배우기 위한 최고의 책
- 웹 개발자로서 알아야 할 10가지
- 웹 애플리케이션 개발을 위한 기술 스택을 선택하는 방법은 무엇입니까?
- 모든 웹 개발자가 꼭 한 번 시도해 봐야 할 상위 10가지 도구