벌써 2주차가 지나가고 있다. 일단 오늘 배포를 하고 팀별로 발표하는 것을 보고 느낀것은 약간 절망??이였다. 나는 나름대로 구조를 생각하면서 코드를 짜고 있는데 다른팀들을 보니 내가 할 수 있는걸까?? 하는 생각이 들었다. 그래서 줌에서 발표할때도 원래같으면 기능을 내가 설명한다고 했을텐데 기가죽어서 팀원분에게 하라고 했다. 나는 바닐라 자바스크립트를 나쁘지 않게 사용한다고 생각했는데 이번주 3기 합격생분들의 세미나(특히 해민님.... 말도안되는 .... 진짜 말이안됩니다.), 미니세미나, 결과물들을 보니 우울해질 수 밖에 없었다. 먼저 세미나를 대충 설명하자면 저번 우테캠에서 우아한형제들에 입사를 한 장해민? 이란분은 지금도 밥먹는 시간외에 코딩만 한다고 한다.... 우테캠 프로젝트 결과물들을 보니 ..
git 작동원리 설마 모르는건... 1편
개발자라면 git을 무조건!! 사용한다. 그중에서도 가장 보편적인 github는 개발자 준비생이나 학부생, 비전공자들도 알고 사용할 정도로 유명하다. 나의 경우를 보면 친구가 프로젝트 한 것을 github에 올리라고 했다. 그래서 맨처음에는 cli를 사용하지 않고 그냥 깃허브 사이트에서 올렸고 그다음에는 git bash를 사용해서 올렸다. 옆에서 누가 알려주지 않는 한 보통 이렇게 시작한다. 처음부터 branch, merge, pr 등을 알고 기능별로 commit을 하면 좋겠지만 무엇이든지 단계가 있고 필요성을 느낄때 사용하게 된다. 그리고 필요성을 느낄때 공부하고 적용하는 것은 '이걸왜쓰는거지??' 하면서 책보고 넘어가는 것과는 매우 다르다. 이제 점차 단계별로 git에 대해 알아가기 시작하는데 주관적..
prettier, eslint, jsconfig 설정하기
협업세팅을 팀원과 나 둘다 제대로 해본적이 없다보니 대충 책에서 본 코드를 복사붙여넣기 했는데 이 참에 제대로 정리해보려고 한다. vscode 기준으로 크게 prettier, eslint, jsconfig 등의 설정이 있는데 차례로 소개하겠다. prettier 프리티어는 말 그대로 예쁘게 코드를 보이게 해준다. 이게 무슨 말이냐면 들여쓰기 같은 것을 잘 하는 사람들은 문제가 없겠지만 코드가 길어지면 정리하기가 복잡해진다. 그리고 협업을 하다보면 서로 코딩 스타일이 달라서 머지할 때 문제가 생긴다. 그래서 반 강제적인 툴이 prettier이다. setting.json < .editorconfig < .prettieric 순으로 우선순위가 정해지는데 먼저 setting.json에 들어가거나 옵션에서 form..
핸드폰 번호 유효성 검사에서 복사 붙여넣기가 적용되지 않는 것을 지적받았다. 이건 팀원이 만들고 내가 정규식 부분만 도와줬는데 주말에 시간이 남아서 수정해봤다. 객체 비구조화할당도 적용하지 않았길래 적용했고 paste한 부분을 예외처리했다. 먼저 붙여넣기 했을때는 길이를 13으로 자른다. 010-1234-5678 이 13이기 때문에 이렇게 잘랐다. 11으로 자르면 위의 코드를 복사붙여넣기 했을 때 두개가 잘리게 되서 문제가 생긴다. html 태그에서 maxlength를 지정해도 paste했을 경우에는 적용이 되지 않는 부분이 있어서 이중처리 한것이다. 그리고 나서 정규식을 이용해 숫자와 -를 제외한 모든 값을 없앴다. 그리고 length에 따라서 -를 붙여준다. 그리고 맨 마지막에 slice(0,13)을..
처음으로 팀 프로젝트를 해봤다. 일주일이라는 짧은 시간이지만 지금까지 코딩 공부를 하면서 시간 대비 가장 뜻 깊은 시간이라고 생각한다. 협업이 처음이다보니 처음에 엄청 어색했다. 어색하다는게 의사소통문제가 아니라 git으로 pr을 날리고 merge하고 서로 기능별로 할 일을 나누고 이런 부분들이 처음엔 조금 힘들었다. git도 거의 add, commit, push 정도만 사용할 정도로 미숙했는데 캠프 들어가기 일주일 전에 깃책을 하나 본게 엄청 다행이라고 생각한다. git 공부를 하지 않았으면 훨씬 더 힘들었을 것이다. 이번주에 가장 큰 수확은 협업 경험과 git이라고 생각한다. 월요일에 가서 mac북을 받았다. 처음엔 맥북을 아얘 사용해본적이 없어서 그냥 내 컴퓨터를 사용하고 싶었다. 그런데 필수적으로..
헤로쿠 배포 하는 법(nodejs) heroku login git clone cd heroku create -- heroku에서 앱을 만든다. git remote(heroku)도 만들어지고 로컬 git 저장소와 연결 git push heroku login -- 배포 heroku ps:scale web=1 -- 앱의 하나 이상의 인스턴스가 실행중인지 확인 heroku open -- 앱 열기(바로가기) https://devcenter.heroku.com/articles/getting-started-with-nodejs Getting Started on Heroku with Node.js | Heroku Dev Center This tutorial will have you deploying a Node.js ..
팀개발을 위한 git, github 시작하기8(인증 기능 살펴보기)
제어판/ 사용자계정/자격 증명 관리자 들어가서 git 내꺼 지우고 git bash에서 git push로 로그인!! git config --system credentail.helper => manager SSH키 User@DESKTOP-VOH9EIA MINGW64 ~/Desktop $ ssh-keygen Generating public/private rsa key pair. Enter file in which to save the key (/c/Users/User/.ssh/id_rsa): Created directory '/c/Users/User/.ssh'. Enter passphrase (empty for no passphrase): Enter same passphrase again: Your ident..
팀개발을 위한 git, github 시작하기7(Git 내부 동작 원리)
git add 명령의 동작 원리 git init 명령 수행시 변경사항 확인 User@DESKTOP-VOH9EIA MINGW64 ~/Documents $ mkdir git-test User@DESKTOP-VOH9EIA MINGW64 ~/Documents $ cd git-test User@DESKTOP-VOH9EIA MINGW64 ~/Documents/git-test $ git init Initialized empty Git repository in C:/Users/User/Documents/git-test/.git/ User@DESKTOP-VOH9EIA MINGW64 ~/Documents/git-test (master) $ ls -al total 12 drwxr-xr-x 1 User 197121 0 7월 ..