개발자공부일기

화살표 함수//기존의 함수 선언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..

이번 1주차때 가장 인상깊은 Git에 대해 말해보려 한다.Git을 많이 들어만 봤지 써보는게 처음이라 협업하면서 누군가에게 불편함도 안겨주고 내 파일이 어떤 branch에 잘 들어는 가는지 동기화는 됐는지 시간을 너무 많이 허비했다라는 생각이 들었다.그러면서 아 이게 언어가 아니더라도 프로그램 구상이던 내 배움이던 조금이라도 대충 하게되면 어쨋든 그만큼은 삐걱거리게 되는거 같다. 이번엔 처음이니까 어쩔 수 없다지만 반복하지 않으려 한다. 깃에 대한 정보를 열심히 찾아보고 내 테스트 Repository를 만들어서 테스트하며 익숙해지겠다. 그래도 해결법을 찾아서 TIL에 올려두었다번 1주차때 가장 인상깊은 Git에 대해 말해보려 한다.  Git을 많이 들어만 봤지 써보는게 처음이라 협업하면서 누군가에게 불편..

자바스크립트에서 변수를 선언할 때 사용하는 키워드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는 특정 기능이나 데이터에 접근할 수 있는 규칙을 제공하는 인터페이스이므로,..

다음과 같은 직원(employees) 테이블과 부서(departments) 테이블이 있습니다.employees 테이블id department_id name1101르탄이2102배캠이3103구구이4101이션이departments 테이블id name101인사팀102마케팅팀103기술팀1.현재 존재하고 있는 총 부서의 수를 구하는 쿼리를 작성해주세요!#내 답SELECT name, COUNT(1)FROM departmentsGROUP BY name#Chat GPTSELECT COUNT(DISTINCT name) AS total_departmentsFROM departments2.모든 직원과 그들이 속한 부서의 이름을 나열하는 쿼리를 작성해주세요!SELECT e.name,d.nameFROM employees e IN..

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