[ 웹 개발 ] 웹 개발초보자가 알고 있으면 좋은 30가지

회사에서 사수가 말거는대 못알아들으면 창피하니까 아래의 30가지 정도는 숙지하고 있으면 도움이 됩니다!!

1. HTML (HyperText Markup Language): 웹 페이지의 구조와 콘텐츠를 정의하기 위한 마크업 언어입니다. 웹 페이지의 요소들을 태그로 감싸고, 각 요소들의 의미와 구조를 나타냅니다.
2. CSS (Cascading Style Sheets): HTML 문서의 스타일과 레이아웃을 정의하기 위한 스타일 시트 언어입니다. CSS를 사용하여 웹 페이지의 디자인, 색상, 폰트, 배경 등을 꾸밀 수 있습니다.
   
   
3. JavaScript: 웹 페이지의 동적인 기능을 추가하기 위한 프로그래밍 언어입니다. 클라이언트 측에서 실행되며, 사용자와의 상호작용, 데이터 처리, 웹 페이지의 동적 업데이트 등을 처리할 수 있습니다.
   
   
4. 서버 (Server): 클라이언트 요청에 응답하는 컴퓨터 또는 소프트웨어입니다. 웹 서버는 클라이언트로부터 요청을 받아 정적인 파일(HTML, CSS, 이미지 등)을 전송하거나, 동적인 컨텐츠를 생성하여 응답합니다.
   
   
5. 클라이언트 (Client): 사용자가 사용하는 디바이스(컴퓨터, 스마트폰, 태블릿 등)에서 웹 페이지를 요청하는 소프트웨어입니다. 웹 브라우저가 가장 흔한 형태의 클라이언트입니다.
   
   
6. API (Application Programming Interface): 소프트웨어 간 상호작용을 위한 인터페이스입니다. 웹 개발에서는 외부 서비스나 라이브러리와의 통신을 위해 API를 사용합니다. 데이터를 요청하거나 전송하고, 결과를 받아올 수 있습니다.
   
   
7. 데이터베이스 (Database): 데이터를 저장하고 관리하는 시스템입니다. 웹 개발에서는 사용자 정보, 게시물, 상품 정보 등을 데이터베이스에 저장하여 필요한 정보를 검색하거나 조작할 수 있습니다.
   
   
8. 프론트엔드 (Front-end): 웹 페이지의 사용자 인터페이스와 시각적인 요소를 개발하는 영역입니다. HTML, CSS, JavaScript를 사용하여 웹 페이지를 구축하고, 사용자와의 상호작용을 담당합니다.
   
   
9. 백엔드 (Back-end): 웹 서버와 데이터베이스 등의 시스템을 개발하고 관리하는 영역입니다. 클라이언트 요청을 처리하고 데이터를 저장하며, 웹 애플리케이션의 비즈니스 로직을 구현합니다.
   
   
10. 프레임워크 (Framework): 개발자들이 웹 애플리케이션을 빠르게 구축할 수 있도록 도와주는 도구 모음입니다. 프레임워크는 기본적인 구조와 기능을 제공하여 개발자가 비즈니스 로직에 집중할 수 있도록 돕습니다. 대표적인 웹 개발 프레임워크로는 Django, Ruby on Rails, React, Angular 등이 있습니다.
    
    
11. 프론트엔드 프레임워크 (Front-end Framework): 웹 개발에서 사용되는 프론트엔드 기술을 미리 구현하고 제공하는 프레임워크로, 개발자가 더 효율적으로 웹 애플리케이션을 개발할 수 있도록 도와줍니다. 대표적인 프론트엔드 프레임워크로는 React, Angular, Vue.js 등이 있습니다.
    
    
12. 백엔드 프레임워크 (Back-end Framework): 웹 애플리케이션의 서버 사이드를 개발하기 위해 사용되는 프레임워크로, 데이터 처리, 라우팅, 보안 등을 효율적으로 구현할 수 있도록 도와줍니다. 대표적인 백엔드 프레임워크로는 Django, Ruby on Rails, Express.js 등이 있습니다.
    
    
13. REST (Representational State Transfer): 웹 개발에서 사용되는 아키텍처 스타일 중 하나로, 자원을 고유한 URL로 표현하고 HTTP 메서드(GET, POST, PUT, DELETE)를 사용하여 해당 자원을 조작하는 방식을 나타냅니다. RESTful API는 이러한 원칙을 따르는 API를 의미합니다.
    
    
14. SPA (Single Page Application): 웹 애플리케이션의 구조 중 하나로, 페이지 전체를 새로 로드하지 않고 동적으로 콘텐츠를 업데이트하는 방식을 사용합니다. 대부분의 작업이 클라이언트 측에서 이루어지므로 사용자 경험이 향상되고 서버 요청이 감소합니다. React, Angular, Vue.js 등의 프레임워크로 SPA를 개발할 수 있습니다.
    
    
15. CMS (Content Management System): 웹 사이트의 콘텐츠를 관리하기 위한 소프트웨어입니다. 사용자들이 콘텐츠를 쉽게 생성, 수정, 삭제하고 웹 사이트를 관리할 수 있도록 도와줍니다. 대표적인 CMS로는 WordPress, Drupal, Joomla 등이 있습니다.
    
    
16. 라이브러리 (Library): 재사용 가능한 코드의 집합으로, 특정 기능을 구현하는 데 사용됩니다. 라이브러리는 개발자가 필요한 기능을 쉽게 구현하고 확장할 수 있도록 도와줍니다. 대표적인 JavaScript 라이브러리로는 jQuery, Lodash, Axios 등이 있습니다.
    
    
17. 렌더링 (Rendering): 웹 페이지나 애플리케이션의 화면에 콘텐츠를 표시하는 과정을 의미합니다. 브라우저에서는 HTML, CSS, JavaScript를 해석하여 화면에 렌더링합니다. 클라이언트 측에서는 브라우저 뿐만 아니라 서버 측에서도 렌더링이 이루어집니다.
    
    
18. SEO (Search Engine Optimization): 검색 엔진 최적화로, 웹 페이지의 노출 및 순위를 개선하기 위해 콘텐츠, 링크 구조, 메타데이터 등을 최적화하는 작업을 의미합니다. 검색 엔진에서 웹 페이지를 더 잘 찾고 색인하도록 돕는 것이 목표입니다.
    
    
19. 웹 호스팅 (Web Hosting): 웹 사이트나 애플리케이션을 인터넷에 접속 가능하게 하기 위해 서버 공간을 제공하는 서비스입니다. 호스팅 업체는 웹 서버를 관리하고 유지하여 사용자가 웹 사이트를 방문할 수 있도록 합니다.
    
    
20. 도메인 (Domain): 인터넷 상에서 웹 사이트를 식별하는 주소입니다. 도메인은 사람이 쉽게 이해할 수 있는 형식으로 표시되며, IP 주소와 연결되어 웹 사이트를 찾을 수 있도록 합니다.
    
    
21. 웹 소켓 (WebSocket): 클라이언트와 서버 간의 양방향 통신을 지원하는 프로토콜입니다. 실시간 채팅, 게임, 주식 시세 업데이트 등과 같은 애플리케이션에 적합합니다.
    
    
22. CDN (Content Delivery Network): 웹 콘텐츠를 전 세계에 분산된 서버에 저장하고 제공하는 시스템입니다. CDN을 사용하면 사용자들이 콘텐츠를 더 빠르게 가져올 수 있고, 웹 서버 부하를 줄일 수 있습니다.
    
    
23. 보안 인증 (Security Authentication): 사용자가 자신의 신원을 확인하여 웹 애플리케이션에 접근할 수 있는 권한을 획득하는 프로세스입니다. 대표적으로 사용되는 보안 인증 방식으로는 사용자 이름과 비밀번호를 사용한 인증, 토큰 기반 인증(JWT) 등이 있습니다.
    
    
24. 레이아웃 (Layout): 웹 페이지에서 요소들의 배치와 구조를 정하는 것을 의미합니다. CSS를 사용하여 요소의 위치, 크기, 정렬 등을 조정하여 웹 페이지의 디자인을 구성합니다.
    
    
25. 반응형 웹 디자인 (Responsive Web Design): 다양한 디바이스와 화면 크기에 자동으로 적응하여 웹 페이지를 최적화하는 기술입니다. 사용자가 모바일 기기나 태블릿과 같은 다양한 환경에서도 웹 페이지를 편리하게 이용할 수 있도록 합니다.
    
    
26. 테스트 주도 개발 (Test-Driven Development, TDD): 테스트가 개발의 중심이 되는 개발 방법론으로, 테스트를 먼저 작성하고 그에 맞춰 개발을 진행합니다. 테스트를 통과하면 기능이 제대로 동작하는 것을 보장할 수 있습니다.
    
    
27. 버전 관리 (Version Control): 소스 코드의 변경 이력을 관리하는 시스템입니다. 버전 관리 시스템을 사용하면 여러 개발자가 동시에 작업하고 변경사항을 추적하고 복구할 수 있으며, 팀 협업을 원활하게 할 수 있습니다. 대표적인 버전 관리 시스템으로는 Git이 있습니다.
    
    
28. 모바일 앱 개발 (Mobile App Development): 모바일 기기용 애플리케이션을 개발하는 과정을 의미합니다. Android와 iOS 플랫폼에 맞게 개발하며, Java, Kotlin, Swift, React Native 등 다양한 도구와 기술을 사용할 수 있습니다.
    
    
29. 웹 표준 (Web Standards): 웹 기술과 관련된 권고 사항과 가이드라인을 의미합니다. 웹 표준을 준수함으로써 웹 페이지의 접근성, 호환성, 검색 엔진 최적화 등을 개선할 수 있습니다. HTML, CSS, JavaScript 등의 웹 표준이 존재합니다.
    
    
30. 웹 접근성 (Web Accessibility): 장애를 가진 사람들이 웹 사이트와 애플리케이션에 더 쉽게 접근하고 사용할 수 있도록 설계하는 개념입니다. 텍스트 기반 대체 내용, 명료한 색상 대비, 키보드 접근 등의 기법을 사용하여 웹 접근성을 개선할 수 있습니다.