Git Git branch 다루기 git flow init git-flow의 명령어들을 지속적으로 사용하기 위해 사용하는 명령어이다. 저장소들을 초기화하는 과정으로, 대체로 git clone 후에 최초 1회만 사용된다. 명령어 입력 시 branch 이름들을 어떻게 지정할 것인지 물어보는데 기본값으로 적용하는 것이 일반적이다. gi...

Frontend React 서버 주소 및 ENV api 통신에 대한 코드를 작성 중 백엔드에서는 mongoose로 데이터를 넘겨주기로 했다. 백엔드에 작성된 URL 코드 안에는 MongoDB에 대한 아이디와 패스워드가 있었는데, 프론트에서 login등으로 요청이 오면 이를 connect된 mongoose와 연결해서 사용하는 것이 번거로웠...

Node 서버 작성 - const http = require("http"); const url = require("url"); const server = http.createServer((req, res) => { const parseUrl = url.parse(req.url, true); const path = parseUrl.p...

Interview require vs import require, exports는 NodeJS 에서 사용하고 있는 CommonJS 키워드이다. import, export는 ES6(ES2015)에서 새롭게 도입된 키워드이다. 하나의 프로그램에서 두 키워드를 동시에 사용할 수 없다. export 변수와 module.exports 변수를...

Backend MongoDB NoSQL 데이터베이스이다. MongoDB에 로그인 후 새로운 프로젝트를 만든다. Data Base Access에서 계정을 등록 후 접근 가능한 IP를 작성한다. 개인 IP로만 등록해도 되지만 다른 컴퓨터에서 접근이 가능하도록 하려면 0.0.0.0/0으로 IP를 설정해주면 된다. ...

Backend 데이터베이스 여러 사람이 공유하여 사용할 목적으로 체계화해 통합 관리하는 데이터의 집합을 말한다. 앱을 만들었을 때 유저를 추가하는 등의 POST 요청은 그 당시에는 데이터가 추가되지만 서버를 다시 시작하면 생성한 데이터가 없어지게 되고 이를 영구적으로 보관해준다. 데이터베이스는 데이터를 정리함에 있어 중복을 최소화할 수...

Next useState // 기존 const [id, setId] = useState<string>(); const [pass, setPass] = useState<string>(); const idHandler = (event: React.ChangeEvent<HTMLInputElement>) => { ...

React 리액에서 컴포넌트가 리턴하는 값은, 엘리먼트들은 반드시 단 하나의 최상위 태그로 묶여있어야 한다는 법칙을 따른다. 그렇기에 여러 요소들을 감싸주기 위한 의미없는 태그를 쓸 때가 생기며, 이는 CSS를 관리하기에도 table같이 정해진 규칙을 따라야 할 때도 여러 에러가 발생할 수 있다. 이때 사용하는 것이 React.Fragm...

JavaScript css style 스타일은 카멜 케이스로 작성한다. 혹은 대괄호 안에 속성을 지정한다. 여러 속성 또한 문자열로 작성한다. className 또한 지정할 수 있다. 클래스가 여러 개 존재할 수 있는데, 작성할 때마다 모든 클래스를 전부 작성해줘야 하기 때문에 잘 사용하지 않는다. ...

JavaScript DOM (Document Object Model) 문서 객체 모델로, HTML 문서의 각 요소들을 트리 형태로 표현해준다. 모든 HTML 태그는 객체이며, 자바스크립트로 접근하고 제어할 수 있다. 이렇게 생성된 하나의 객체를 Node라고 부른다. getElement… document.body.style.ba...