개발자공부일기

화살표 함수//기존의 함수 선언function add(x, y) { return x + y;}//기본적인 화살표 함수let arrowFunc01 = (x, y) => { return x + y}//한 줄로 let arrowFunc02 = (x, y) => x + y;  조건부 실행let x = 10; if (x > 0) { console.log("x는 양수입니다."); }//and 조건(&&)(x > 0) && console.log("x는 양수입니다.");//위 두 코드는 같은 뜻이다.//or 조건(||)//삼항 연산자와 단축평가let y;// y는 undefindelet z = y ||20; //y가 undefinde라면 20을 넣어라console.log(z);falsy한 값, tru..

자바스크립트에서 변수를 선언할 때 사용하는 키워드var, let, const1. varvar는 ES6(ECMAScript 2015) 이전부터 존재하던 변수 선언 방식입니다. 몇 가지 주요 특징이 있습니다.변수 재선언 허용: 동일한 이름의 변수를 다시 선언할 수 있습니다.Function Scope: var로 선언한 변수는 함수 범위(Function Scope)를 가집니다. 즉, 함수 내에서 선언된 var 변수는 함수 내부에서만 접근할 수 있으며, 함수 밖에서는 접근이 불가합니다.Hoisting: var로 선언된 변수는 호이스팅(Hoisting)되므로 선언 위치에 상관없이 함수의 최상단으로 끌어올려진 것처럼 동작합니다. 이 때문에 선언 전에 접근해도 undefined로 초기화됩니다.function examp..

오늘 팀원과 협업중 깃허브를 업로드 하는중 오류메세지가 나왔는데 습관적으로 확인 누르듯 강제로 push해버렸다.별 큰일은 없었지만 dev branch안의 모음폴더에 하나(기존에 있던 파일) 내가 실수로 강제push한 파일이 폴더 밖에 있었다. 그 때는 그냥 코드를 복사 붙여넣기로 수정하고 외부에 있던 파일을 삭제하며 해결했는데 나중에 알아보니 큰일이 날 수 있었던거 같다. 내가 Pull하지 않고 push를 하려해서 저런 상황이 발생했는데 Git의 입장에서는 최신화되지 않은 로컬의 코드를 모든 개발자가 공유하고 있는 Github의 코드에 push해서 덮어씌운다면 모두가 열심히 작업한 코드가 없어져버리는 최악의 상황이 발생할 수도 있기 때문이라고 한다. 변경사항이 있다면 무조건 pull하고 push하도록 하..

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에 비해 문법이 간결하고 ..