분류 전체보기
-
[github] commit 기록을 터미널에서 보는 방법error handling/Simple tips 2020. 7. 2. 15:47
git log --graph --oneline --decorate --all --date=format:'%Y-%m-%d %H:%M:%S' --pretty=format:'%Cred%h%Creset -%C(auto)%d%Creset %s %C(yellow)(%ad) %C(bold blue)%Creset' --abbrev-commit 이걸 치면 커밋 기록을 CLI로 터미널에서 볼 수 있다. * 이 커밋 * 과 * 사이에 삼각형이 계속 이어지는 것이 가장 예쁜 커밋 그래프를 예쁘게 만들려면 git rebase를 사용하는 것이 좋다.
-
[github] remote repository 공유가 안될 때 (remote: Repository not found)error handling/debugging 2020. 7. 1. 23:49
팀 프로젝트를 하는 중, 나와 함께 서버를 맡은 팀원과 깃헙 리파지토리를 공유해서 작업을 하기 위해서 git remote add pair [팀원의 github repository 링크] 위 명령어를 통해서 remote repository를 공유하고, git remote -v 를 터미널에 입력했을 때, originhttps://github.com/me/project.git (fetch) originhttps://github.com/me/project.git (push) pairhttps://github.com/pair/project.git (fetch) pairhttps://github.com/pair/project.git (push) 라는 결과가 터미널에 뜨는 것으로 보아 잘 등록이 된 것도 확인할 수 ..
-
콜백 때려잡기concept/javascript 2020. 6. 26. 23:14
이해한 것 같다가도 헷갈리는 콜백 다시 정리하기 콜백을 사용한 예시 var users = ['Minho', 'Oana', 'Ben']; function addUser(username, callback) { setTimeout(()=> { users.push(username); callback(); }, 5000); } function getUsers() { setTimeout(()=> { console.log(users); }, 5000); } // First add user to database then execute getUsers after user has been added. addUser("Ryan", getUsers); // addUser("Ryan", getUsers()); // 이 때 중요..
-
프로미스 기초concept/javascript 2020. 6. 26. 03:53
let users = ['oana', 'mino', 'ben', 'wil'] function myPromise(sec){ return new Promise((resolve, reject) => { setTimeout(() => { if(users){ resolve(users) } else { reject(users) } }, sec * 1000) }) } new Promise로 새로운 promise 객체를 생성하고 if 조건문에 성립할 때는 resolve를 통해 users를 내보내준다. 그래서 myPromise 함수를 실행하고 뒤에 .then을 붙이게 되면 그 parameter로 resolve() 안에 있는 users가 나오게 되는 것이다. 이게 바로 메소드 체이닝! 메소드 체이닝이란? 메서드가 객체를 ..
-
서버와 클라이언트의 연결 상관 관계 ( + body-parser module)error handling/Simple tips 2020. 6. 25. 18:47
아래 코드는 클라이언트 코드의 일부이다. 서버와 연결하기 위해서 fetch를 사용했다. 잠깐 fetch에 대해서 부연설명을 하자면 fetch를 사용할 때는 두번째 parameter는 옵션으로 들어가는 부분인데 적어주지 않는다면 default method는 GET이 될 것이다. 다른 method를 활용하고 싶다면 POST를 두 번째 파라미터에 적어주어야 한다. fetch("http://localhost:4000/signin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: this.state.email, password: this.state.password }) }) .then(r..
-
로그인 구현 시 session id 삽입error handling/Simple tips 2020. 6. 25. 17:48
보통 로그인이 성공하면 서버에 있는 session에 새로운 아이디를 심어주어 다음 로그인 시 활용하게 된다. 이 때, id라는 변수를 그대로 사용하면 기존에 있던 id값이 중복되기 때문에 userid 등 다른 변수를 사용해서 심어주어야 한다. signInController: (req, res) => { //TODO : 로그인 및 인증 부여 로직 작성 user .findOne({ where: { email: req.body.email, password: req.body.password } }) .then(result => { console.log(JSON.stringify(result)) //여기서 result 는 아래와 같다. //{"id":1,"email":"rnjsdhdus93@gmail.com","..
-
좋은 개발자가 되기 위한 영리한 공부법studying coding 2020. 6. 25. 16:50
출처: youtube 드림코딩 엘리 이 포스팅은 youtube 드림코딩 엘리님의 영상을 보고 개인 공부를 위해 요약해 놓은 포스팅입니다. 오른쪽 상단 출처를 클릭하면 영상으로 이동합니다. 본인의 T자를 개발한다. 이 T자를 크게 나누어보면 2가지로 나누어 볼 수 있다. 1. 한 분야에 대한 깊이를 쌓는다. 2. 활용할 수 있는 툴의 넓이를 넓힌다. 예를 들어 프론트엔드 개발자라고 생각해보자. 1. 한 분야에 대한 깊이를 쌓는 방법은 이 순서가 될 것이다. 가장 기본적으로 HTML CSS JS 활용 typescript react vue 번들링되는 사이즈가 얼마인지, 얼마나 어떻게 해야 줄어들 수 있는지 고려 lazy loading, bundling spliting해서 전달할 수 있을지 퍼포먼스는 어떻게 분..