본문 바로가기

분류 전체보기213

[Git&Github] Git 정리-4 (branch, merge) 1. git branch 프로젝트 진행 중 새로운 기능을 추가하거나 기존의 기능을 업그레이드 해야하는 경우가 있을 것이다. 이때 기존 파일을 그대로 수정하는 것도 괜찮지만 작업 도중 프로그램 자체가 망가져버릴 수도 있는 리스크를 안고있어야한다. 이를 해결하기 위해서는 프로젝트의 복사본을 생성해서 개발하는 방법이 있을 것이다. git의 branch 기능은 손쉽게 복사본을 생성해준다. 사용법 git branch 브랜치명 위 명령어로 브랜치를 생성하면 프로젝트의 사본이 하나 생성된다. git switch 브랜치명 생성한 브랜치로 변경하면 사본에서 작업을 할 수 있는 상태로 변경된다. 예시 1 sub라는 branch를 생성한 후 변경하였다. git status를 입력하면 현재 어떠한 branch에서 작업 중인지.. 2023. 10. 29.

[Git&Github] Git 정리-3 (.gitignore) Git은 현재 디렉토리의 모든 파일들을 추적할 수 있는데 이때 굳이 할 필요가 없는 것 혹은 꼭 배제해야할 것들이 존재할 수 있다. 필요가 없는 것들 : 자동으로 생성되는 것들 or 다운로드되는 것들 (build파일, 라이브러리) 배제해야하는 것들 : 보안상으로 중요한 파일들 이럴 때에는 .gitignore 파일을 사용하여 배제할 요소들을 미리 지정해놓을 수 있다. 1. 사용하기 먼저 중요한 파일이 있다고 가정해보자. git status를 통해 확인해보면 아래와 같다. 이제 .gitignore 파일을 생성한 뒤 아래와 같은 내용을 삽입한다. secret.txt 다시 git status를 확인해보면 secret.txt가 더이상 추적되지 않는다. 이러한 방식으로 배제할 요소들을 등록해놓을 수 있다. 2. 추.. 2023. 10. 29.

[Git&Github] Git 정리-2 (w.VSCode, diff) 0. VSCode에서 깃 활용하기 터미널이 아닌 VSC에서도 git을 편하게 활용할 수 있다. 1) git 기본 에디터를 VSCode로 바꾸기 git config --global core.editor "code --wait" 맥의 경우 git 기본 에디터가 vi 즉, 기본 터미널로 설정되어있는데 위의 명령어를 입력하면 VSC를 기본 에디터로 지정할 수 있다. 2) VSC에서 git add commit 왼쪽 패널에 위치한 Source Control을 클릭하면 현재 디렉토리에 위치한 파일들의 변화에 대해서 추적한 것을 볼수 있다. 또한 + 버튼으로 git add를 수행할 수 있고 체크 버튼으로 git commit을 할 수 있다. 파일 구조가 복잡하거나 많은 변경사항 중 일부만 repo에 등록하고 싶은 경우 .. 2023. 10. 28.

[Git&Github] Git 정리-1 (최초설정, add, commit, status, log) 0. git이 필요한 이유 코드를 작성하던 도중 이전에 작성했던 것으로 되돌아 가고 싶을때가 있을 것이다. 이럴때 파일을 백업해두는 것도 좋지만 버전관리 소프트웨어를 사용하면된다. 버전관리 소프트웨어(VCS) 중 가장 많이 사용하는 것이 바로 git이다. 장점 1. 프로젝트의 시간과 차원을 자유롭게 해준다. git을 이용하면 프로젝트의 버전을 과거로 되돌리거나 특정한 내역을 취소하는 것이 가능하다. 또한 여러 모드를 쉽게 전환하고 관리하거나 여러 모드를 합치는 것이 가능하다. 장점 2. 프로젝트 협업에 아주 편리하다. 여러 사람이 하나의 프로젝트를 작업할 때 각자 자신이 맡은 부분을 작업하고 하나의 메인 프로젝트에 합치는 것이 가능하기 때문에 협업 시 아주 편리하게 사용할 수 있는 툴이다. 1. CLI .. 2023. 10. 28.

[NodeJS+Express] 13. form태그에서 PUT, DELETE 요청하기 & MongoDB 수정문법 + form 태그를 그대로 사용하면 GET, POST 요청만 가능하다. 하지만 PUT, DELETE 등을 활용하면 더 좋은 API의 기준에 부합할 수 있을 것이다. 이를 가능하게 하는 방법에 대해서 알아보자! 1. method-override method-override 라는 라이브러리를 이용하면 가능하다. 설치 npm install method-override import //server.js const methodOverride = require('method-override') app.use(methodOverride('_method')) 서버파일 최상단에 위 코드를 작성해서 라이브러리로부터 필요한 것들을 가져온다. 1) form 태그 수정 //edit.ejs ... ?_method=PUT 을 act.. 2023. 10. 15.

[NodeJS+Express] 12. 글 수정기능 만들기 이번에는 글을 수정하는 기능을 구현해보자. 0. 들어가기전 글을 수정하는 과정을 요약해보면 아래와 같다. 1) 글 마다 존재하는 수정버튼 클릭 2) 수정페이지에서 글 수정 (수정 대상 페이지의 내용이 기입되어있음) 3) 수정완료 버튼 누르면 DB에 데이터 전송 후 수정 완료 이러한 과정을 거쳐 구현을 해보자! 1. 수정 기능 만들기 1) 수정 페이지 (1) 서버파일 세팅 수정 페이지에 들어가게 되면 수정 대상인 데이터가 기입되어있다. //server.js app.get('/edit/:num', async(request, response) => { try { let result = await db.collection('post').findOne({_id : new ObjectId(request.params.. 2023. 10. 15.

[NodeJS+Express] 11. URL파라미터 (상세페이지 만들기) 이번에는 URL 파라미터 문법을 이용해 상세페이지를 제작해보자. 0. 상세페이지 형태 지금까지는 루트('/')에서 직접 접속하는 페이지들을 제작했다면 상세페이지는 /parent/child/... 의 형태이다. 이것을 이용하면 url에 일관성을 부여할 수 있고 조금 더 간결하게 사이트를 구성할 수 있을 것이다. 상세페이지를 구현하기 위해서 어떻게 해야할까? /page/detail1, /page/detail2, ... 이렇게 하나씩 만들어도 가능하지만, 페이지 수만큼 만들어야하는 것은 너무나도 비효율적이다. 이것을 간편하게 구현하는 방법은 여럿있지만 그중 하나가 바로 URL 파라미터 문법이다. 1. URL 파라미터 문법 형태 /부모url/:자식url 위와 같이 /:자식url 이 URL파라미터 문법이다. 이를.. 2023. 10. 15.

[NodeJS+Express] 10. 글 작성기능 만들기 (MongoDB 데이터 삽입) 이번에는 글 작성 기능을 만들어보자! 0. 시작하기전.. 먼저 글 작성기능을 만드려면 어떻게 해야할까? 클라이언트가 작성한 글을 서버에 post 요청을 하면 서버는 그 데이터가 올바른 형식인지 확인을 한 후, 이상이 없다면 DB에 등록을 할 수 있도록 해주어야할 것이다. (유저가 직접 DB를 건드리도록 해서는 안될 것이다..) 1. 글 작성기능 만들기 1) 파일 생성 글을 작성할 form을 담은 파일을 하나 생성한 뒤 서버에 등록해준다. //write.ejs ... //server.ejs app.get('/write', (request, response) => { response.render('write.ejs'); }) 2) 파일 설정 글을 작성해서 보내기 위한 설정을 해주어야한다. (1) EJS파일 .. 2023. 10. 14.

[NodeJS+Express] 9. RESTful API란? 사용자로부터 데이터를 입력받아 DB에 저장하는 기능을 구현하기 전에 RESTful API 에 대한 개념을 알아보자! 1. 서버로의 요청 서버는 '요청'에 따른 처리를 하는 프로그램으로 한 줄 요약할 수 있다. 이때 요청을 아무런 방식으로 하는 것이 아닌 정해진 형식에 따라야 한다. 만약 유저가 서버에 요청을 할때에는 method 와 url 을 정확하게 명시해야한다. 1) method의 종류 GET : 데이터 받기 요청 POST : 데이터 보내기 요청 UPDATE, PUT : 데이터 수정 요청 DELETE : 데이터 삭제 요청 ... 주로 사용하는 method의 종류는 위와 같다. 2) URL /path명 과 같은 서버에 등록되어있는 url을 요청해야한다. url은 endpoint 라고 표현하기도 한다. .. 2023. 10. 11.

이전 1 2 3 4 5 ··· 24 다음

티스토리툴바