초보 개발자

나는 git공포증이 있는 것같다... 시작하기도 전에 떨린다 ㅠㅠ git이 최종 보스같은 느낌,,,? 새로운 파일을 만들어보자 hello_git mkdir hello_git cd hello_git 그리고 대망의 git init ! Initialized empty Git repository ... 라는 메시지가 나타난다면 이제부터 해당 디렉토리에서 깃을 사용할 수 있게 된다. 그리고 ls -l 명령어를 입력하면 깃이 보여야 하는데 안보인다..? 설치가 안된건가? git은 .git으로 숨김폴더로 만들어지기 때문에 -a옵션도 주어야 한다. ls -al 명령어를 입력하면 짜잔 ~ 잘 보일것이다. 버전 만들기 프로그램이나 앱을 설치하다 보면 버전이라는 말을 자주 접한다. git 역시 처음 만들어 졌을 때 git0..

윈도우 기준으로 https://git-scm.com Git git-scm.com 위 사이트로 접속을 한다. 우측 하단의 Latest source Release 를 눌러 다운로드를 해준다. git bash를 열어 git을 입력했을 때 아래와 같이 콘솔 창에 쫘르륵 출력이 되면 성공적으로 잘 설치가 된 것이다. 이제 환경설정을 해보자. 1. 사용자 정보를 입력한다. ( 깃은 버전을 저장할 때 마다 그 버전을 만든 사용자 정보도 함께 저장하기 때문 이를 통해 누가 언제 만들었는지 쉽게 파악 가능! ) --global은 현재 컴퓨터에 있는 모든 저장소에서 같은 사용자 정보를 사용하도록 설정하는 옵션이다. 콘솔 창에 ls -la라고 치면 현재 디렉토리에 어떤 파일이나 디렉토리가 있는지 확인이 되어지고 숨김파일-a..

이 책의 전반적인 내용을 내 나름대로 정리하고 포스트해보려고 한다. 나는 git을 처음 만난건 42seoul라피씬 첫날.. 살면서 git이란걸 들어본 적도 없어서 어찌어찌 물어가며 겨우 올리는 방법만! 알았지만 작동원리는 물론 가장 중요한 다른 사람과 협업할때 어떻게 쓰는지 몰라서 이번에 확실하게 공부하고 넘어가려고한다. 맨날 깃 공부를 내일로 미루었지만 이제는 피할 수가 없다. git 정복해보자

MVP.css - Minimalist stylesheet for HTML elements (andybrewer.github.io) MVP.css - Minimalist stylesheet for HTML elements A decent MVP in no time More building and less designing with "set and forget" styling. "Uber for X" brainstorming session andybrewer.github.io 나는 css를 잘 다룰줄 모른다. 이런 나에게 딱 맞는 것이 이놈이다. 기본적으로 필요한 최소한의 css가 작성이 되어있는 녀석! 사이트에 접속하면 link가 적혀있는데 복붙해서 base.pug에 css로 지정해주자! home.pug의..

2021.09.11 - [RECAP - WETUBE] - 4-1 템플릿 pug 4-1 템플릿 pug 우리는 지금까지 res.send('메시지')를 보내왔다. 이번에는 HTML문서를 response해보려고한다. 물론 이렇게 해도 html형식으로 잘 전달이 되는 것을 확인할 수 있을 것이다. 본문에 h1태그 하나만 썻는데 taehyeki.tistory.com 이번에는 재사용성이 좋은 점에 대해서 설명해보겠다 먼저 pug는 상속을 받을 수 있다. extends 를 이용해서 다른 pug의 내용을 전부 받아 올 수 있다. 또한 부분적으로도 가져올 수 있다. header, footer, nav등 필요한 부품을 끼워 맞출 수 있는 레고같은 역할이다. 우리는 base.pug라는 기본 틀과 footer.pug 라는 부품..

우리는 지금까지 res.send('메시지')를 보내왔다. 이번에는 HTML문서를 response해보려고한다. 물론 이렇게 해도 html형식으로 잘 전달이 되는 것을 확인할 수 있을 것이다. 본문에 h1태그 하나만 썻는데도 이렇게 보기 복잡한데 앞으로 form등 여러 태그를 넣을 때 얼마나 복잡해 질지 상상이 안될 것이다. 여기서 등장한 것이 바로 Pug이다. 이 귀여운 퍼그가 우리를 앞으로 정말 정말 정말 정말 정말 편하게 해줄 것이다. 먼저 pug를 설치해보자 npm i pug 이렇게 추가만 해주면 템플릿 엔진을 퍼그로 설정해 줄 수 있다. src안에 views라는 폴더를 만들고 그 안에 pug파일을 만들어보자 기본적인 구조가 이렇다 html형식과 비슷해 보이면서 또 달라보인다. pug는 닫는 태그가 ..

2021.09.09 - [이것 저것] - ES6 import export ES6 import export ES6에서 지원하는 export 방법과 import 방법을 알아보자 // exchange.js const dollarToWonRate = 1177.1; const euroToWonRate = 1298.3; const yenToWonRate = 10.8; const cynToWonRate = 169.7; // 첫 번째 e.. taehyeki.tistory.com export import에 관한글을 이 글을 참조해 주세요 클린 코드를 위해서 handler함수와 라우터를 분리해주려고 합니다. 먼저 controllers폴더를 만들고 handler함수들을 만들어 줍니다! videoRouter에서는 그 함수들을..

우리는 유튜브를 클론코딩 할건데 여기서 크게 유저와 동영상으로 나눌 수 있다. 유저를 만들고 수정하고 지우고.. 동영상을 올리고 수정하고 지우고.. url이름을 어떻게 정할지 생각해보자 / -> home /join /login /search /edit-user /delete-user /edit-video /delete-video 단순히 url을 이렇게 지어도 되긴 된다. 하지만 수많은 기능들이 추가되면 ex) /edit-user-comment 보기에도 복잡하고 코드도 난잡해질게 분명하다. 여기서 등장하는게 라우터!! make it router 라우터는 컨트롤러와 URL의 관리를 쉽게 해준다 크게 기본, 비디오, 유저로 나눌 수 있다. / res.send("global join")); server.use(..