전체 글 썸네일형 리스트형 Git Commit (Error : Untracked files: ~~, nothing added to commit but untracked files present (use "git add" to track) 이제 레포지토리도 만들었으니 한 번 커밋을 해보자. 즉 변화된 디렉토리의 상태를 찍어내보장 깃으로 관리를 시작해준 시점부터 (git init) 파일 하나, 글자 하나가 변경 될 때도 깃이 눈을 바짝 키고 감시하고 있기 때문에 커밋을 해서 원하는 시점에 그 버전을 남겨놓을 수 있다. 먼저 두가지 파일을 한번 깃 리포지터리에 추가 시키고 상태를 확인해보장 기존에 .git 파일 뺴고 없던 디렉토리에 2개의 파일을 추가시키고 커밋을 한 번 해보자. ** 커밋을 하기 전에 중요한 것이 있는데 바로 깃에게 누가 커밋을 했는지 알려주는 것이다 !! ** git config user.name "DevilFront" git config user.email "devilfront.gmail.com" // config 명령어.. 더보기 GIt commit and repository (repository 만들어보기) 깃을 연습해보면서 알아야 될 개념중에 commit 과 repository 라는 것이 있다. 간단히 말하면 프로젝트의 진행 과정을 버전별로 사진처럼 찍어내는 행위 및 그로 인해 나온 결과물을 '커밋'이라고 말하고 그 커밋된 파일들을 저장시켜놓는 곳이 repository 다. 한번 터미널을 열어서 repository를 만들어 보자. 매우 간단하다. 우선 본인이 원하는 경로에 앞으로 깃으로 관리해줄 프로젝트라고 생각하고 디렉토리를 하나 만들어준다. 만들어준 티렉토리 내에서 git init 명령어를 실행시켜 주면 깃 레포지토리가 초기화~~ 하면서 밑에 마스터 브랜치가 생기면서 정상적으로 잘 작동이 되었다. .git 파일 내부에 가보면 여러 파일과 디렉토리들이 있는 것을 볼 수 있는데 깃이 수행할 복잡한 기능들을.. 더보기 Git은 알겠고 GitHub는? Git 이 무엇인지 대강 알아보았다. 거의 깃과 세트급으로 자주 접하는 GitHub는 무엇일까? 먼저 내 작업물을 백업용도로 외부 컴퓨터에 보낼 수 있다면 어떤 것이 좋을까. 당연히 본인이 현재 본인 컴퓨터에서 진행하던 작업물에 꼬일 대로 꼬인 에러가 생겼을 때 외부에 백업해둔 작업물을 댕겨와서 쓰면 해결 할 수 있기 때문에 매우 유용할 것이다. 이 얘기에서 깃허브가 무엇인지 벌써 나왔는데 깃은 코드 버전 관리를 해주는 도구이고 그 버전관리하고 있는 작업물을 따로 외부 컴퓨터를 우리가 준비할 필요 없이 담아주는 곳이 깃허브다. * 즉 원격저장소를 제공하는 것이 깃허브이고 그 원격 저장소를 통해 다른 사람이 작성한 코드를 고칠 거나 댕겨올 수도 혹은 본인이 작성한 코드를 다른 사람이 고치거나 댕겨갈 수도 .. 더보기 Git 을 쓰는 이유 회사를 다니면서 단순히 맡은 업무를 개발할 능력을 갖추는 것은 어찌보면 당연하고도 좋은 일이다. 하지만 여러 인원들이 하나의 프로젝트에 참여하는 팀 프로젝트시에 각각 다른 기능별 코드 들을 합치면서 작업할 때 너무나도 유용한 것이 Git 이다. 본인도 개발을 떠나서 깃부터 당장 마스터? 하고 싶어서 강좌를 들으면서 공부중이다. 그럼 프로젝트를 혼자 진행하게 되면 필요 없는 거 아닌가염?? 이라는 질문이 나올 수 있겠다. 대답은 일단 한번 써보지 않고 진행해보고 써보면서 진행해보고 마음가는 대로 하라고 하고 싶다. 물론 결과는 깃을 사용하면서 진행 할 것이다 ㅋㅋ 먼저 깃을 단순히 정의하자면 '코드 버전 관리 도구'이다. 이것만 놓고 보면 당연히 버전관리가 뭐길래 다들 깃 거리는 거야 라고 할 수 있지만... 더보기 React react-datepicker 사용법 관리자 페이지 에서 뿐만 아니라 사용자에게도 날짜 선택을 필요로 하게 하는 어플리케이션은 많을 것이다. 기본적으로 캘린더를 띄우는 방법은 기본 자바스크립트에서도 찾아보면 있겠지만 리액트에서 react-datepicker 라는 패키지를 제공해준다. 간단히 사용법을 알아보자. npm install --save react-datepicker 먼저 설치를 해준뒤에 디펜던시에 깔린것을 확인 하고 쓰고자 하는 컴포넌트 파일에서 임포트 해주면된다. import DatePicker from 'react-datepicker'; // DatePicker 라는 컴포넌트도 가져오깅 import "react-datepicker/dist/react-datepicker.css"; // 스타일 맥이기 이제 기본적인 세팅은 끝났고 공.. 더보기 Handling Different Routes url을 통해 우리가 정해둔 주소로 client에서 request 가 왔을 때 해당하는 데이터를 response 해주는 것이 서버의 인지상정이므로 한번 다루어 보겠다. 저번에 배운 next()도 쓰일 떄가 있으니 한 번 적용해보자. 우선 express에서 use()메소드를 이용해서 route를 구현할 건데 미들웨어 설정해주듯이 해주지만 첫번쨰 인자로 경로를 설정해주면 된다. 간단한 사용법은 이렇다 그럼 한번 각각 '/' 와 '/add'를 요청해보자. 예상한 결과물은 /를 호출했을때 nodie 문구가 보여야 되고 add를 호출했을떈 ADD 문구가 보여야 된다. 결과는 이렇다. 위에서부터 아래로 진행되기 때문에 request 의 주소가 이미 디폴트 주소인 / 와 매치되어서 그다음으로 넘어가지 않고 처리되고 .. 더보기 Nodejs Middleware 구현 하기 ( next() ) 먼저 간단히 미들웨어에 대해 어느정도의 개념정도만 짚고 넘어가면 되겠다. 미들웨어는 요청이 이루어지는 단계와 단계 사이에서 작업을 하는 것을 말한다. 즉 서버쪽에 request가 와서 response를 내보내주려 하는 그사이에 일어나는 작업들을 말한다. (데이터 가공, 선별 등을 할 수 있겠죠?? 다른 여러가지두 ) 물론 미들웨어를 통해 작업할 일이 1개만 있는 경우도 있겠지만 단계별로 구현을 할 경우도 있겠다. 요청이 올 때마다 로그를 찍고, 혹은 시간을 표시하고 혹은 콘솔로 특정 텍스트를 찍어내고 이제 경로에 맞는 라우터에서 처리를 하려고 하거나 다른 비즈니스 로직으로 보내려 할 때 next()를 쓰게 되겠다. ** 한 번 요청온 리퀘스트를 첫번쨰 middleware 함수에서 살리고 다음 로직으로 넘.. 더보기 Nodejs Express.js 란 유튜브에 노드 관련 강의 검색을 해봐도 여러 강의 사이트에 노드관련된 것을 검색해봐도 항상 딸려오는 세트가 있다. Express.js 라는 것인데 이것이 뭔지 한번 알아보자. 우선 한 가지 확실한 건 왜 쓰는지를 알아야 한다. 예를 들어 express 없이 request의 body 에 접근해서 데이터를 파싱해보자. 우선 express 없이 순수nodejs 로만 해보려면 설정해둔 url에 맞는 주소가 입력되고 request.on('data' , () => (chunk) ~~~~~ 등 접근을 해서 만들어둔 빈 배열에 넣어주고 end 이벤트가 발생했을 때 노드에서 기본으로 제공하는 Buffer에 넣어준뒤 대충 간단한 데이터 받아오는데도 상당히 불편한 작업이 이루어진다. 받아오는 데이터 타입에 Buffer 에 .. 더보기 이전 1 ··· 9 10 11 12 13 14 15 ··· 24 다음
