🔔 Icon-notification-display

• 지시 업무 : 현재 페이지 알람 아이콘 안읽음 표시 구현 업무 요청
• 알람 아이콘의 위치에 따라 안읽음 표시가 오른쪽 상단에 위치해야 함
• position : absolute 사용하기

• div로 자식 div를 아무리 감싸고 있더라도 relative가 없다면 부모로 인정하지 않고 마음대로 움직이게 된다.
• 자식에게 absolute를 붙여줬으면 당연히 부모도 relative를 붙여줘야 부모가 의도한 대로 움직이는 것이다.

---

◼ <input/> type 10가지 기능

(1) text: 일반 텍스트를 입력할 수 있는 텍스트 상자를 생성

(2) password: 비밀번호를 입력할 수 있는 텍스트 상자를 생성, 입력 내용은 마스킹

(3) email: 이메일 주소를 입력할 수 있는 텍스트 상자를 생성, 입력 값이 이메일 주소 형식인지 자동으로 확인

(4) number: 숫자 값을 입력할 수 있는 텍스트 상자를 생성, 스핀 버튼이 함께 표시, 사용자가 숫자 값을 더하거나 빼는 것이 가능

(5) date: 날짜를 선택할 수 있는 달력 컨트롤을 생성

(6) time: 시간을 선택할 수 있는 시계 컨트롤을 생성

(7) checkbox: 다중 선택을 위한 체크박스를 생성

(8) radio: 여러 옵션 중 하나를 선택할 수 있는 라디오 버튼을 생성

---

◼ HTML에 CSS를 넣을 수 있는 3가지 방법

(1) inline 태그에 직접 넣기

(2) internal style 태그에 직접 작성하기

(3) external 외부 css 파일을 link 태그로 넣기

(css는 기본적으로 cascading이 적용되지만 그와 별개로 inline 스타일은 우선적으로 적용되므로 사용에 유의가 필요)

---

◼ 프레임워크 vs 라이브러리

큰 차이점 : 제어흐름

• 프레임워크

: 전체적인 흐름을 쥐고 있으며 애플리케이션의 코드는 프레임워크에 의해 사용됨

: 애플리케이션 코드는 프레임워크가 짜놓은 틀 안에서 수동적으로 동작하기 때문에 제어의 흐름은 프레임워크에게 있음

• 라이브러리

: 개발자가 전체적인 흐름을 만들며 라이브러리를 가져다 쓰게 됨

: 개발자에게 전적으로 제어 흐름 있음

: 필요할때마다 능동적으로 라이브러리를 호출하여 사용함

---

• HTML(HyperText Markup Language)

웹 페이지의 구조를 정의하는 마크업 언어입니다. 프론트엔드 개발자는 HTML을 사용하여 웹 페이지의 내용과 구조를 만들고 조작합니다.

• CSS(Cascading Style Sheets)

웹 페이지의 스타일과 레이아웃을 정의하는 스타일 시트 언어입니다. CSS를 사용하여 HTML 요소의 디자인, 배치 및 애니메이션을 제어합니다.

• JavaScript

웹 페이지의 동작을 제어하는 프로그래밍 언어입니다. 프론트엔드 개발자는 JavaScript를 사용하여 사용자 상호작용, 데이터 처리, 웹 애플리케이션 개발 등을 수행합니다.

• 프레임워크(Framework)

개발 작업을 보다 쉽게 수행할 수 있도록 미리 구조화된 소프트웨어 환경입니다. 프론트엔드 개발자는 주로 Angular, React, Vue.js 등의 프레임워크를 사용하여 웹 애플리케이션을 개발합니다.

• 데이터베이스(Database)

데이터를 구조화하여 저장, 관리하는 시스템입니다. 백엔드 개발자는 주로 SQL(Structured Query Language)을 사용하여 데이터베이스를 조작하고, 데이터의 효율적인 저장 및 검색을 담당합니다.

• API(Application Programming Interface)

소프트웨어 간 상호작용을 위한 인터페이스입니다. 백엔드 개발자는 API를 설계하고 구현하여 다른 시스템과의 데이터 통신을 관리합니다.

• 서버(Server)

클라이언트 요청에 대해 응답을 제공하는 컴퓨터 시스템입니다. 백엔드 개발자는 서버를 설정하고 유지보수하며, 웹 애플리케이션의 성능과 안정성을 관리합니다.

• 버전 관리 시스템(Version Control System)

소스 코드의 변경 이력을 관리하는 시스템입니다. 개발자는 버전 관리 시스템을 사용하여 소스 코드를 저장, 추적하고 다른 개발자와 협업합니다. 대표적인 예로 Git이 있습니다.

• SDK(Software Development Kit)

소프트웨어 개발에 필요한 도구, 라이브러리, 문서 등을 포함한 개발 환경입니다. 특정 플랫폼 또는 언어에 맞는 SDK를 사용하여 애플리케이션을 개발할 수 있습니다. 예를 들어, Android SDK는 안드로이드 애플리케이션 개발을 위한 도구와 라이브러리의 모음입니다.

• IDE(Integrated Development Environment)

통합 개발 환경으로, 개발자가 소프트웨어를 개발, 편집, 디버깅할 수 있는 툴입니다. 대표적인 IDE로는 Visual Studio Code, IntelliJ IDEA, Eclipse 등이 있습니다. Git: 버전 관리 시스템 중 하나로, 개발자들이 소스 코드 변경 이력을 관리하는 데 사용합니다. Git은 코드의 추적, 분기, 병합 등을 지원하여 팀 협업과 코드 관리를 용이하게 합니다.

• REST(Representational State Transfer)

네트워크 아키텍처 스타일 중 하나로, 웹 서비스 간의 통신을 위한 구조적인 제약 조건을 제공합니다. RESTful API는 REST 아키텍처 원칙을 따르는 API를 의미합니다.

• SQL(Structured Query Language)

관계형 데이터베이스에서 데이터를 관리하기 위한 표준화된 쿼리 언어입니다. SQL을 사용하여 데이터의 저장, 검색, 수정, 삭제 등을 수행할 수 있습니다.

• MVC(Model-View-Controller)

소프트웨어 설계 패턴 중 하나로, 애플리케이션을 데이터 모델(Model), 사용자 인터페이스(View), 그리고 비즈니스 로직(Controller)으로 구분하여 개발합니다. MVC는 애플리케이션의 유지보수와 확장성을 향상시키는 데 도움을 줍니다.

• Agile

소프트웨어 개발 방법론 중 하나로, 반복적이고 유연한 개발 프로세스를 강조합니다. Agile은 작은 단위의 업무를 반복하여 빠른 개발과 변경에 대응할 수 있는 개발 방식을 지향합니다.