👩🏻‍💻 Dev

문제 상황git status를 확인하면 분명 로컬에 커밋이 있어서 push가 필요하다고 하는데, git push가 안 되는 상황. 에러 관련 메시지들을 보면error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400원격 프로시저 호출(RPC)이 실패했다, HTTP 400 오류가 발생했다고 한다. 이는 클라이언트 측 요청이 잘못되었음을 의미한다.send-pack: unexpected disconnect while reading sideband packet사이드밴드 패킷(데이터 전송을 위한 패킷)을 읽는 중에 원격 서버와의 연결이 예상치 못하게 끊겼다고 한다. 해결 방법해결 방법 먼저 살펴보자. git config --get http.p..

Node.jsNode.js의 역할자바스크립트를 웹 브라우저 밖에서도 실행할 수 있게 하는 플랫폼.자바스크립트를 스크립트 언어 이상으로 프로그래밍 언어 역할을 수행하게 함.Node.js의 활용백엔드뿐만 아니라 다양한 분야에서 사용:프론트엔드 프레임워크React와 Vue 등은 Node.js를 기반으로 빌드 및 개발 도구 체인을 제공. Node.js는 자바스크립트의 싱글 스레드 특성을 유지하면서도, 이벤트 기반 및 논블로킹I/O 모델을 통해 비동기 작업을 효율적으로 처리할 수 있도록 설계된 런타임 환경이다! 싱글 스레드 기반 이벤트 루프 자바스크립트의 싱글 스레드 특성자바스크립트 언어 자체는 싱글 스레드로 설계되어있다. 즉, 한 번에 하나의 작업만을 처리할 수 있는 것이다. 이벤트 루프Node.js는 싱글 스..

모듈(Module)특정 기능을 캡슐화한 코드의 블록 또는 파일. 재사용성과 코드의 조직화를 돕는다.1. 기본 내장된 것Node.js에는 다양한 기본 내장 모듈이 포함되어 있다.setTimeout()fs, http, path 등.2. 외부 모듈Node.js 패키지 관리자인 NPM(Node Package Manager)을 통해 설치할 수 있다.설치 후 프로젝트에서 외부 모듈을 사용할 수 있다. Node.js에서 exports는 모듈을 정의하고 외부로 내보내기 위해 사용된다.다른 파일이나 모듈에서 정의된 모듈은 require로 불러와 사용할 수 있다.  라이브러리 vs 프레임워크라이브러리특정 기능을 수행하는 도구의 집합. 개발자가 필요할 때 호출해서 사용.제어권은 개발자에게 있다! 필요한 기능을 직접 호출하여..

API (Application Programming Interface)소프트웨어 애플리케이션 간에 서로 통신하고 데이터를 주고받을 수 있도록 하는 규칙 집합! Interface인터페이스란? 하나의 사물이 다른 사물과 상호 작용하는 방법이다. CLI, GUI에서 사용하듯! 인터페이스는 '매개체'의 의미를 가진다. REST APIREST API 는 REST원칙을 따르는 API, HTTP 규약을 잘 따른 API다.아래의 글에 REST API와 URI에 대해 상세히 정리한 바 있다.https://yesolz.tistory.com/entry/REST-API-URI-%EC%84%A4%EA%B3%84-%EA%B7%9C%EC%B9%99 REST API URI 설계 규칙API 네이밍을 하다가 고민이 생겼다. [PUT] ..

데이터베이스 (Database; DB)데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체데이터를 구조화하여 관리함으로써 데이터 중복을 막고, 효율적이고 빠른 데이터 연산을 가능하게 함 DBMS (DataBase Management System)데이터베이스를 생성, 관리, 조작하는 소프트웨어 시스템관계형 DBMS (RDBMS): MySQL, PostgreSQL, Oracle, Microsoft SQL Server 등.비관계형 DBMS (NoSQL): MongoDB, Cassandra, Redis 등. SQL (Structured Query Language)데이터베이스에 연산을 요청하기 위해 사용되는 언어데이터를 생성, 조회, 수정, 삭제 등과 같은 기능을 수행할 수 있다.INSERT, SELECT, ..

백엔드 구조   웹 서버 (Web Server)웹 서버는 정적 페이지에 대해 대응함동적 페이지에 대한 처리는 직접 처리하지 않고, 웹 어플리케이션 서버에게 전달* 정적페이지: 화면의 내용/데이터 등의 변동이 없는 페이지* 동적페이지: 데이터 처리/연산을 통해 화면의 내용, 데이터가 변하는 페이지 웹 어플리케이션 서버와 데이터베이스웹 어플리케이션 서버(Web Application Server, WAS)는 동적 페이지를 처리필요한 데이터 연산을 위해 데이터베이스와 연결되어 있으며 데이터 조회/수정/삭제에 대한 처리를 요청* 데이터베이스: 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체-> 웹 어플리케이션 서버에 포커싱 ! Node.jsNode.js는 JavaScript를 브라우저 환경 밖에서도 사용..

CSSCascading Style SheetsHTML 꾸며주는 언어문서 통째로가 아닌, HTML 하나하나 꾸며줌HTML에 CSS 적용 방법 3가지인라인 (inline): HTML 태그 안에 같이 작성내부 스타일 시트 (internal style sheet): HTML 문서 안에 같이 작성외부 스타일 시트 (external style sheet): HTML 문서 밖에 작성하고 연결* HTML 태그 한쌍을 element라고 부른다.  JavaScript특정 HTML요소를 선택하여 제어할 수 있는 스크립트 언어스크립트 언어란?독립적인 프로그램을 개발할 수 있는 프로그래밍 언어가 아닌, (프로그램 내부의 구성 요소 중 하나로) 프로그램을 제어하는 스크립트 역할을 하는 언어-> 런타임의 발전으로, 스크립트 언어만..

DOCTYPEDocument Type의 약자.HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹브라우저가 내용을 올바로 표시할 수 있도록 해준다.이를 선언해주지 않으면, 호환 모드(quirks mode)로 동작하며, 이 경우 크로스 브라우징 이슈가 심해지게 된다. 표준 모드와 호환 모드W3C가 웹 표준을 만들면서, 렌더링을 할 때 표준 모드(Standards mode)와 호환 모드(Quirks mode)로 렌더링할 수 있는 옵션이 생겼다. 호환 모드로 렌더링을 하게 되면 오래된 웹페이지들을 최신 버전의 브라우저에서도 깨지지 않기 때문에 각 브라우저마다 다르게 보일 수 있다.따라서 특별한 경우가 아니라면 DOCTYPE을 명시하여 브라우저가 표준 모드로 렌더링하게 하는 게 좋다.https://develo..

웹의 이해인터넷과 웹인터넷 (Internet): 전 세계 컴퓨터를 하나의 통신망으로 연결한 것. '우리는 모두 연결되어 있다'는 개념을 상징.웹 (Web): 인터넷에 연결된 컴퓨터를 통해 정보를 공유하는 공간. 월드 와이드 웹 (World Wide Web, WWW)이라고도 불림.웹의 시작과 특징1980년대 스위스 유럽 입자 물리 연구소에서 팀 버너스리가 연구원들 간 빠른 정보 교환을 위해 고안.특징: 정보를 하이퍼텍스트 형식으로 표현하고, 링크를 통해 다양한 정보와 문서를 연결해 제공.웹 페이지와 웹 사이트웹 페이지 간 링크를 통해 이동하는 것: 웹 서핑 (Web Surfing) 또는 웹 브라우징 (Web Browsing).웹 브라우저웹 페이지나 웹 상의 데이터를 찾고 읽을 때 사용하는 도구.웹의 구조클..

애자일 중 스크럼 방식, 그 중에서도 스프린트 방식으로 진행할 때 사용할 수 잇는 협업 도구들을 살펴보자.스프린트: 일정한 기간(보통 1주에서 4주) 동안 특정 목표를 달성하기 위해 집중적으로 작업을 수행하는 방식이다. 스프린트는 반복적으로 진행되며, 각 스프린트가 끝날 때마다 작업 결과를 검토하고 피드백을 받아, 다음 스프린트에서 개선 사항을 반영해 나간다. 이를 통해 제품의 기능을 지속적으로 발전시키고, 팀의 작업 방식을 점진적으로 최적화해 나가는 것이 스프린트 방식의 핵심이다. 협업 툴: Trello칸반에 충실한 툴. 기본에 충실해서 매력적인 툴.복잡한 기능, 고도의 기능은 없다.창의력을 발휘하여 스프린트 방식으로 사용 가능제공하는 agile sprint board 템플릿의 구성을 보면,1. 백로그..