.DS_Store? Desktop Services Store 의 약자로 macOS 에서 정의한 파일 포맷이다. 맥 OS 시스템이 finder로 폴더에 접근할 때 자동으로 생기는 파일로, 해당 폴더에 대한 메타데이터를 저장하는 파일이다. 맥 환경에서만 사용되지만, window 환경과 공유하는 과정에서는 문제가 생긴다. DS_Store 파일은 프로젝트와 관련없는 파일이며, git status를 사용했을 때나 발견되는 파일이라 깃허브로 넘기기 전에 삭제해도 된다. .DS_Store 삭제 방법 1) 생성된 파일 삭제 이미 .DS_Store 가 생성된 상태에서 삭제하기 위해서는, 파일 상위 디렉토리로 이동 후 아래 코드를 쳐주면 된다. find . -name .DS_Store -print0 | xargs -0 g..
데이터베이스 데이터를 저장하는 구조/자료의 모음으로 데이터의 종합소이다. 데이터 간의 중복은 없어야 한다. 데이터베이스가 없을 때는 파일 시스템을 사용해서 데이터를 저장해왔다. 그러나, 데이터가 중복되고 데이터 간 불일치가 발생하였고, 이를 DBMS로 해결하였다. DBMS(DataBase Management System) 파일 시스템이 가진 문제를 해결하기 위해 만들어졌다. 데이터베이스에 접근하고 이를 관리한다. - 관계형 데이터베이스 = RDBMS(Relational DBMS) 데이터베이스 용어 열 = column = atrribute = 속성 행 = record = tuple = 튜플 테이블 = table = relation key : 데이터베이스에서 튜플을 찾거나 순서대로 정렬할 때 구분하고 정렬의..
로컬저장소로 데이터 불러오기 전에 git fork 하고 원격저장소에서 로컬로 가져오는 거 기억나는데로 했다가 다시 add 할 때 쓰디쓴 맛을 봐버렸다. 그냥 폴더만들고 pull 받을 걸.. $ cd 저장하고_싶은_디렉토리 $ git clone 복사한_git주소 //원격 저장소의 이름 가지고 오기 처음에는 origin만 뜸 $ git remote //새로운 원격 저장소 추가 $ git remote add 새로운_원격저장소_이름 fork한_git주소 //로컬 저장소에는 없지만 원본 저장소에 있는 데이터 가져오기, fetch 명령어 $ git fetch 새로운_원격저장소_이름 1) 터미널을 열고 clone 할 저장소 폴더로 이동(cd) 2) git clone (github 주소) => 이렇게 했다가 파국을 맞..
body-parser 데이터 처리에 도움이 되는 라이브러리 Post로 정보를 전송할 때 요청의 req.body로 받을 수 있음. express 버전 4부터 내장되어 있어 따로 설치가 필요X 단점, 멀티파트 데이터(이미지, 동영상, 파일 등) 처리X => multer 사용 파일 업로드 multer : 클라이언트에서 서버로 데이터 전송을 할 때 사용, 파일 선택 버튼 {userfile: ' /png', title: ' '} //설치 npm install multer //app.js에 multer 불러오기 const multer = require('multer'); 클라이언트 준비 form 태그에 enctype = "multipart/form-data"를 반드시 설정해야 동작한다. 파일 업로드 경로 설정 co..
더보기 💡MVC 구조 어디선가 들어본 것 같은데 배운 적은 없는 구조 혼자서 코드를 짜는 게 아니라 협업에 있어서 도움이 되는 백엔드 구조 방식에 대해 배웠다. 글을 다시 보니까 오타도 보이고, 수정할 부분이 많이 보인다. 이제는 이론보다는 코드의 구조적인 면을 더 깊게 파악해야되서 글로 정의하기가 어렵다. 그냥 어렵다. 더 많은 시도가 구조를 파악하는데 도움이 될거라 생각한다. MVC (Model View Controller) 소프트웨어 설계(데이터 및 논리 제어), UI를 구현하는데 사용되는 디자인 패턴이다. => 상황에 따라 자주 쓰이는 설계 방법을 정리한 코딩 방법론 mvc 이용 웹 프레임 워크 : spring(java), django(python), express(javascript), ruby..
✏️ 계속 누적되는 수업 내용에 하루라도 밀리면 안되겠다는 생각이 들었다.요청 방식에 따라 전송방식이 어떻게 달라지는지 직접 코드로 확인했다. 아무래도 백 다루는 것에서 더 많은 흥미를 가지고 공부하게 된다. + 동기 방식 vs 비동기 방식 더보기 동기 방식 : 하나 밖에 일을 못한다. 비동기 방식 : 서버에 데이터를 보내고 응답을 기다리는 동안 다른 처리 가능 동적 폼 전송 데이터를 input, button의 type 이 submit 인 속성들로 전송 시 페이지 이동이 일어난다. 최근 페이지를 보면 모든 동작에 있어서 페이지 이동이 일어나지 않는 부분도 있다. 예를 들어 로그인 화면에서 아이디나 비밀번호가 틀렸을 때, 페이지 이동이 되는 것이 아닌 비동기 HTTP를 사용해 같은 페이지 안에서 동작이 이..