개발자연습노트

저번시간에 서버를 간단하게 만들어봤습니다.근데 메인페이지 하나만 만들어봤는데 이번엔 여러 페이지를 더 만들고 싶으면 어떻게할지 알아봅시다.   근데 만들기 전에 실제 사이트들은 어떤 식으로 여러가지 페이지들을 만들어놨는지 구경부터 해봅시다. 예를 들어 네이버 웹툰같은 사이트 방문해보면 comic.naver.com여기로 접속하면 메인페이지가 보이긴 하는데 URL 뒤에다가 /webtoon 을 붙여서 접속하면 오늘의 웹툰 페이지 보여주고URL 뒤에다가 /challenge 를 붙여서 접속하면 도전만화 페이지를 보여줍니다.  네이버 웹툰 말고도 다른 사이트도 이런 방식으로 페이지를 나눠놓는데우리도 그렇게 만들면 될 것 같습니다. 주소창에 입력하는 URL을 기반으로 각각 다른 페이지를 보내줍시다.      새로운 ..

개발환경 셋팅 개발환경 셋팅부터 해보도록 합시다. 요즘은 맥북이나 윈도우나 별 차이없음   1. nodejs 구글에 검색하면 맨처음에 뜨는 사이트가 있을텐데 거기서 LTS 버전 다운받아서 설치까지 합시다. - 설치할 때 경로같은건 안만지는게 좋을 수도 있습니다. - 윈도우는 chocolatey 같은거 설치안해도 됩니다.    2. 에디터가 하나 필요한데 VSCode 에디터 구글에 검색해서 설치합시다.      프로젝트 생성은  1. 코드짤 작업용 폴더를 하나 만들고VSCode 에디터 켜서 상단 file - open folder 눌러서 에디터로 작업용 폴더를 오픈합시다.    2. server.js 파일을 하나 만들어줍시다. 거기다가 서버코드짤 것임   3. 에디터 상단 terminal 눌러서 터미널을 열..

방금 쓰레기같이 짜놓은 코드가 있다고 칩시다. 그 코드를 잠깐 치워놓고 개발하고 싶으면 주석처리해도 되겠지만 git stash 명령어를 이용해도 잠깐 코드를 치울 수 있습니다.      git stash 사용해서 코드 잠깐 다른 곳에 보관하기 aaaaaaaaaaaaa파일 하나 만들어서 이렇게 코드를 짜서 commit 해봅시다.   aaaaaaaaaaaaabbbbbbbbbb그리고 밑에 bbbbb어쩌구 코드를 짜놨다고 칩시다.근데 밑에 코드가 마음에 안드는겁니다.이걸 잠깐 삭제해버리고 싶으면 git stash 명령어를 씁시다.       git stash터미널에 git stash 입력하면 방금 작성한 bbbb 어쩌구 코드는 잠깐 다른 공간에 보관됩니다. (그래서 파일들이 최근 commit 상태로 되돌아갑니다..

개발자 10명이서 브랜치를 대충 아무렇게나 만들면 개발과정이 매우 복잡해지고 추적도 어려워서git branch 깔끔하게 만들도록 도와주는 방법론같은게 있습니다. git flow, github flow, gitlab flow, trunk-based 등 다양한 것들이 있습니다.   이런걸 적용하면1. 브랜치관리가 쉬워지고 2. 팀원이 아무리 많아도 개발절차가 매끄러워집니다. 그래서 프로젝트 리드하는 사람들이 알면 좋습니다. 시키는 것만 하는 코딩노예들은 몰라도 됩니다.    안정적인 운영이 필요하면 git flow  님들이 만드는 프로그램이 항상 안정적인 release를 해야한다면 (예를 들면 게임개발)git flow 전략을 쓰면 됩니다.  git flow 전략은 크게 5개 브랜치를 운영하는데 - main ..

신기능을 만들고 싶으면 main 브랜치에 코드짜다가 프로젝트 망치지말고다른 브랜치를 만들어서 거기에 개발하는 것도 안전하고 좋다고 했습니다.    원격 repository (저장소) 에도 브랜치를 만들 수 있습니다.브랜치 생성하려면 1. github.com에서 브랜치 직접 만들어도 되고 2. 아니면 로컬에서 만든 브랜치를 올려도 브랜치생성이 가능합니다.         1. github 사이트에서 직접 브랜치 생성가능    ▲ main 브랜치명 버튼 누르면 브랜치를 바꾸하거나 새로 만들 수 있습니다.심심하면 하나 만들어보거나 하면 됩니다.       2. 아니면 로컬 repository 에서도 브랜치생성가능 로컬저장소에서 브랜치생성해서 원격저장소로 git push 해도 됩니다. 예를 들면 지금 사이트를 하..

원격저장소의 장점은 남들과 협업할 수 있다는 겁니다. 어려운건 아니고 개발자 10명이서 각각 작업한 내용을 원격저장소에 올리면 그게 협업 아니겠습니까 협업해봅시다.      일이 너무 많아서 코딩노예 1명을 고용했습니다 물론 여러분은 친구가 없으니까 가상의 팀원을 하나 만들어봅시다. 코딩노예 팀원이 원격저장소에 있던 코드를 같이 짜고 싶다면 어떻게할까요.그 친구도 똑같이 코드짜서 git push 어쩌구 하면 그게 협업 끝입니다.         "기존 소스코드가 없는데 코드어떻게 짬?"    당연히 코딩노예는 기존 소스코드를 다운받아서 시작할 수 있습니다.  다운받는 법은 github.com 가서 다운받아도 되고  git clone 원격저장소주소새로운 작업폴더에서 이거 입력해도 됩니다. 그럼 원격저장소에 ..

git push, pull 어쩌구 배우기 전에원격 repository 개념과 왜 사용하는지부터 알고 지나갑시다. 그래야 자신있게 git push 이런거 사용가능     repository가 뭐냐면  git이라는 친구가 파일버전을 저장해두는 장소를 repository라고 합니다.로컬 작업폴더엔 .git 폴더가 있는데 그게 repository 입니다. repository는 한국말로 저장소라고합니다.  실제로 개발할 땐 온라인 repository를 많이 사용합니다.내가 컴퓨터에 만들어 놓은 git repository를 온라인으로 저장해두는겁니다. 그렇다면 1. EDD-202 다운받다가 컴퓨터 랜섬웨어 걸려도 안심가능 2. 다른 사람과의 협업도 가능해집니다. 사람들 많이 쓰는 github.com 에서 온라인 r..

commit만 주구장창 하는 사람들이 있는데 git은 버전관리 프로그램이기 때문에 언제든지 이전 commit으로 되돌아가거나문제가 되는 commit 내역을 취소하거나 그럴 수 있습니다. git restore / git revert / git reset 명령어써서 파일 복구하는 법을 알아봅시다. 각각 파일하나 복구, commit 복구, 시간되돌리기가 가능합니다.  깔끔한 상태에서 시작하기 위해새로운 작업폴더 만들어서 다시 시작합시다.      일단 commit 몇 번 해보고  새로운 작업폴더에서 git init 하고 commit 몇 번 해봅시다. 저는 파일 3개 만들고 만들 때 마다 commit 해봤습니다. git log --oneline 입력해보면 여러분의 commit 내역을 한 줄로 이쁘게 보여줍니다...

3-way merge   저번시간에 했던 것 처럼 브랜치에 각각 신규 commit이 1회 이상 있는 경우 merge 명령을 내리면 두 브랜치의 코드를 합쳐서 새로운 commit을 자동으로 생성해주는데    이걸 3-way merge 라고 부릅니다.이게 merge의 기본 동작방식입니다.        fast-forward merge 가끔은 새로운 브랜치에만 commit 이 있고기준이 되는 브랜치에는 신규 commit 이 없는 경우가 있습니다.    이 경우 merge 하게 되면 "fast-forward merge 되었습니다" 라고 알려줍니다.fast-forward merge가 뭐냐면 딱히 합칠게 없어서 그냥 신규브랜치 보고"지금부터 니 이름은 main 브랜치여" 하는 것입니다. 그래도 결과는 어짜피 같지 ..

커밋하면서 계속 코드짜다보면 갑자기 새로운 기능을 추가하거나 그래야하는 경우가 있습니다.그럴 때는 원본파일에 코드를 추가하고 커밋해도 되겠지만혹시나 잘못해서 지금까지 짰던 프로그램이 망가지거나 그러면 어떻게하죠? 그럴 걱정 없이 안전하게 새로운 기능을 추가하고 싶으면프로젝트의 복사본을 만들어서 거기에 먼저 개발해보는것도 나쁘지않습니다.     git 안에선 branch 기능을 이용해서 복사본을 쉽게 만들 수 있습니다. branch가 뭐냐면 그냥 프로젝트 복사본임 예시와 함께 branch 하나 만들어봅시다.       쇼핑몰을 만들고 있는데 새로운 기능이 필요하다 예를 들어 지금 작업폴더에서 쇼핑몰 만드는 코드를 짜고 있다고 가정해봅시다.근데 갑자기 쿠폰기능을 추가하고 싶은겁니다. 근데 위험하고 복잡할 것..