개발자공부일기

CRUD란CRUD는 데이터 관리를 위해 기본적으로 수행되는 네 가지 기능의 약자로, Create, Read, Update, Delete의 약자를 뜻합니다. 이 네 가지는 보통 HTML, CSS, JavaScript와 같은 프론트엔드와 데이터베이스가 연결된 백엔드에서 자주 사용되는 개념입니다.1. Create (생성): 데이터를 새로 추가하는 기능입니다. 예를 들어, HTML에서 사용자가 양식을 작성하고 제출하면 새로운 데이터가 데이터베이스에 저장됩니다.// Firebase와 같은 데이터베이스에 데이터를 추가하는 예제 const data = { name: "John", age: 30 };firebase.database().ref('users').push(data);// jQuery를 사용해 form의 데이..

1. 와이어프레임 (Wireframe)와이어프레임은 웹사이트나 앱의 화면 구조와 레이아웃을 시각적으로 나타낸 설계도입니다. 세부적인 디자인보다는 요소들이 어떻게 배치될지, 사용자 경험이 어떻게 구성될지를 보여주는데 집중합니다.목적: UI와 UX 설계 초기 단계에서 콘텐츠와 기능 배치를 구상하기 위해 사용됩니다.주요 요소: 버튼, 이미지, 텍스트 박스 위치, 네비게이션 구조 등.이점: 빠르게 레이아웃을 테스트하고, 다양한 아이디어를 비교하여 팀원들과의 커뮤니케이션을 원활히 할 수 있습니다.2. API 명세서 (API Specification)API 명세서는 서버와 클라이언트 간에 데이터를 주고받는 방법을 정의하는 문서입니다. API는 특정 기능이나 데이터에 접근할 수 있는 규칙을 제공하는 인터페이스이므로,..

배포란? 배포는 소프트웨어 개발 과정에서 개발한 애플리케이션, 웹사이트, 서비스 등을 실제 사용자들에게 제공하는 과정을 말합니다.  URL이란? URL은 "Uniform Resource Locator"의 약자로, 인터넷에서 특정 리소스의 위치를 나타내는 주소입니다. 간단히 말해서, 웹 페이지나 파일의 고유한 주소로 생각할 수 있습니다. URL은 일반적으로 다음과 같은 형식을 가지고 있습니다 프로토콜://도메인/경로 프로토콜(protocol): 웹 브라우저와 웹 서버 간의 통신 방식을 지정합니다. 가장 일반적으로 사용되는 프로토콜은 "http://"와 "https://"입니다.도메인(domain): 인터넷 상에서 고유한 식별자로 사용되는 웹 사이트의 주소입니다. 도메인은 일반적으로 사이트의 이름과 최상위 ..

Firebase란?Firebase는 Google에서 제공하는 백엔드 서비스 플랫폼으로, 웹 및 모바일 애플리케이션을 빠르고 쉽게 개발할 수 있도록 다양한 기능을 제공합니다. 이 플랫폼을 사용하면 별도의 서버나 데이터베이스를 구축하지 않고도 사용자 인증, 실시간 데이터베이스, 클라우드 스토리지 등 중요한 기능을 구현할 수 있습니다.Firebase의 주요 기능실시간 데이터베이스 (Realtime Database):Firebase의 실시간 데이터베이스는 클라우드 기반의 NoSQL(비정형 데이터) 데이터베이스로, 데이터를 실시간으로 저장하고 동기화할 수 있습니다. 여러 사용자가 동시에 데이터를 수정해도 모든 사용자에게 실시간으로 변경된 내용을 반영할 수 있습니다. 주로 채팅 앱이나 실시간 협업 도구에 활용됩니다..

fetch란?HTML에서 `fetch`는 JavaScript를 사용하여 서버와 비동기적으로 데이터를 주고받는 기능을 의미합니다. `fetch` API는 HTTP 요청을 보내고, 서버에서 응답을 받기 위한 최신 방법으로, 주로 AJAX 방식과 비슷한 역할을 하지만 더 단순하고 직관적인 문법을 제공합니다. `fetch`의 주요 특징은 다음과 같습니다: 1. 비동기 처리:fetch는 비동기적으로 동작하므로, 페이지를 다시 로드하지 않고도 서버에서 데이터를 가져올 수 있습니다. 2. Promise 기반:fetch는 Promise 객체를 반환하기 때문에, 요청이 완료되면 `.then()`이나 `.catch()`로 처리할 수 있습니다. 3. 직관적인 문법: 기존의 XMLHttpRequest에 비해 문법이 간결하고 ..

자바스크립트란?JavaScript는 웹 개발에서 널리 사용되는 프로그래밍 언어입니다. 브라우저에서 실행되며, 웹 페이지에 동적인 기능을 추가할 수 있습니다. 예를 들어, 클릭 시 버튼의 동작, 폼 데이터 처리, 애니메이션 효과 등이 모두 JavaScript로 구현됩니다.주요 특징은 다음과 같습니다:인터프리터 언어: 코드를 미리 컴파일하지 않고, 브라우저가 실행할 때 해석합니다.이벤트 기반: 클릭, 입력, 마우스 움직임 등 특정 이벤트가 발생할 때 코드를 실행할 수 있습니다.객체 지향과 함수형 프로그래밍을 모두 지원합니다.Node.js를 사용하면 서버 측에서도 JavaScript를 사용할 수 있습니다.JavaScript는 HTML, CSS와 함께 웹 개발의 3대 핵심 요소 중 하나입니다.  Javascri..

HTML의 기본 구조 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요?

조회한 데이터에 아무 값이 없다면 어떻게 해야할까?Mysql 에서는 사용할 수 없는 값일 때 해당 값을 연산에서 제외해줍니다.=> 0으로 간주 => 평균값 계산시 원치않는 값이 나올 수 있음그래서 IS NOT NULL로 NULL이 아닌 값들만 포함하게 한다.SELECT name, emailFROM usersWHERE email IS NOT NULL 이 쿼리는 users 테이블에서 email 열에 값이 있는 사용자들만 조회합니다.이메일이 NULL인 행은 결과에서 제외됩니다.IS NOT NULL이 유용한 상황필수 데이터를 필터링할 때: 특정 컬럼이 반드시 값을 가져야 하는 경우에 유용합니다.데이터 정합성 검사: NULL 값을 허용하지 않는 컬럼이나, 잘못된 데이터가 입력된 경우를 걸러낼 수 있습니..