기본 콘텐츠로 건너뛰기

코딩 프로젝트 작업순서 정하기

코딩 프로젝트 작업순서 정하기

프로젝트/암기왕 project 코딩 프로젝트 작업순서 정하기

혼자만의 프로젝트로 암기왕 프로젝트를 시작하려 한다. 암기를 도와주는 프로그램같은 것인데 이전 본과 1, 2학년 때 암기를 하며 괴로웠던 기억이 지금까지 진하게 남아 있어서 이런 친구들에게 도움이 되고자 만들어보려 한다.

본과때 괴로워하며 병원 주차장을 걸어다니던 때는 내 인생 중 가장 괴로웠던 순간들중 하나였다. ㅠㅠ

코드스테이츠에서 동료들과 같이 작업을 할 때는 그래도 심적으로 기댈 수가 있었는데 혼자 프런트와 서버를 다 하려니 시작하기 전부터 두려움이 있는 것이 사실이다. 하지만, 망해도 시간 말고는 날리는 것이 없다. 여태까지 프로젝트를 할 때마다 많이 배웠으니 이번에도 배우는게 많기를 기대해 본다. 프로젝트를 완성 못해도 코딩 관련하여 배우는게 1가지라도 있다면 실패한 프로젝트가 아니다.

코드스테이츠에서 하며 느낀것이 있다면 코딩은 일단 무조건 들이대는 것이고, 프로젝트를 많이 만들어볼수록 실력이 는다는 것이다.

게다가 이번엔 내가 진정 만들고 싶고, 가능하다면 사업화까지 해보고 싶던 프로젝트이니 더욱 흥미를 가지고 할 수 있을 것 같다.

새롭게 프로젝트를 할 때마다 항상 새로운 기술 스택을 하나씩 추가해왔다. 이전 프로젝트 때는 프런트엔드의 Apollo client만 사용해봤으므로 이번에는 Apollo server 쪽을 작업하는 것을 연습해봐야겠다.

따라서 기본적으로 사용할 기술 스택으로는 기존과 같이

Frontend: Typescript, React, Antd, Emotio, Apollo client

BackEnd: Typescript, Nodejs, Express, TypeORM, Apollo server, Passport, JWT, MySQL

을 사용해보려 한다.

작업 순서는 기획 -> 프런트엔드 기본 -> 백엔드 기본 -> 동시 진행 순서로 하려고 하며, 구체적으로는

Figma에 대략적인 기획 내용 그리기 Notion에 Bare, Advanced, Nightmare 달성 목표들 적기 Trello에 backlog 기록 프런트 코드 fake data로 디자인과 화면 구성만 짜기 (페이지 -> 레이아웃 -> 컴퍼넌트 -> 서버와 주고받는 로직 순) 서버쪽 코드 짜기 (graphQL 공부하면서) 어느 정도 문제 등록이 된 이후 프론트, 서버 둘다 계속 만지면서 진행

으로 하려고 한다. 이번엔 일단 배포는 신경쓰지 않되, 단 가급적 블로깅을 자주하면서 작업 일지나 그날 배운 내용을 기록해보려 한다.

화이팅해서 해보아야겠다!

from http://yongkshire.tistory.com/6 by ccl(A) rewrite - 2020-03-15 16:54:05

댓글

이 블로그의 인기 게시물

[실습]NodeJS + EXPRESS + MySQL 을 이용한 게시판 만들기 3(MVC)

[실습]NodeJS + EXPRESS + MySQL 을 이용한 게시판 만들기 3(MVC) 실습2 이후 나머지 부분들 까지 라우터 모두 작성함 app/routes/posts.js app/controllers/postsController.js 현재까지의 소스 app/models/postsModel.js 현재까지의 소스 from http://thisblogbusy.tistory.com/139 by ccl(A) rewrite - 2020-03-15 09:20:05

[Full stack developer] 풀스택 개발자는 다 아는 사람? NO

[Full stack developer] 풀스택 개발자는 다 아는 사람? NO Full stack devloper 연봉과 수요가 높다는 풀스택 개발자란? 개발에대한 모든걸 알아야 될까? 'No'라고 한다 자바스크립트 책을 쓰고 코딩 커뮤니티나 학교에 무료로 나눠주는 외국 자바스크립트 선생님은 풀 스택의 의미는 모든 것을 말하는게 아니라 스택만 알면 된다고 한다. 이 스택은 MERN MERN (MongoDB, ExpressJS, ReactJS, NodeJS) 을 알면 풀 스택이라고 한다. I still get asked what is Full Stack developer? Do you need to know everything? Full...means everything right? No...you just need to know a stack. And it should probably be MERN. — JavaScript Teacher (@js_tut) March 19, 2020 참고 https://www.educative.io/edpresso/what-is-mern-stack?https://www.educative.io/courses/grokking-the-object-oriented-design-interview?aid=5082902844932096&utm;_source=google&utm;_medium=cpc&utm;_campaign=blog-dynamic&gclid;=CjwKCAjwsMzzBRACEiwAx4lLGykB0OJ1XYoz1vq-eARUzUKrN7ievxnrIJMA5hr-Ox4D1g9wlXfjrxoCPfQQAvD_BwE from http://forgottenknowledge.tistory.com/15 by ccl(A) rewrite - 2020-03-20 13:20:07

AWS instance로 Nodejs 구현하기

AWS instance로 Nodejs 구현하기 서버와 데이터베이스 관리 차원에서 효율적으로 관리하기 위해선 로컬보다는 서버를 호스팅해서 하는 것이 좋다. 우리는 Nodejs를 구동하기 위해 AWS에서 인스턴스를 할당받을 계획이다. 인스턴스의 pem키를 발급받아 nodejs와 npm까지는 설치를 완료한 상태이다. $ sudo npm install -g express 다음의 명령어를 입력하면 글로벌 옵션으로 어느 path에서든 express를 사용할 수 있게 설치한다. 다음과 같이 실행이 된다면 성공이다. 이후 Express generator를 설치한다. $ sudo npm install -g express-generator@4 버전은 4.x이며 이 역시 글로벌 옵션으로 설치해 준다. 이제 Node monitoring을 위해 nodemon을 설치해 준다. $ sudo npm install -g nodemon 모든 설치가 끝났다. 이제 nodejs를 실행시킬 프로젝트용 directory를 만든다. 이렇게 만들어 주고 express를 실행시키면 된다. $ express -e 다음과 같은 결과가 나오면 된다. 이제 node package를 설치하는 명령어를 입력하자. $ sudo npm install 이제 vi를 통해 포트번호를 정의해보자. app.set의 마지막에 한줄을 추가하면 된다. app.set('port', process.env.PORT || 9000); 이로써 우리는 9000번 포트를 사용하게 되었다. 또한 마지막줄에 서버를 생성하기 위한 코드를 작성하자. module.exports = app; var server = app.listen(app.get('port'), function() { console.log('Express server listening on port ' + server.address().port); }); 이