본문 바로가기

BOOK_REVIEW/IT-PROG

(1장 리뷰) 크로스플랫폼 앱 | 무엇을 만들것인가?

Hello 😊

 

지난, 자애? 자모! (자바스크립트는 모든곳에 있다) 책을 구입하고 리뷰를 간단하게 해봤는데, 이후에 따라하는 내용이나 얻게된 지식, 노하우등은 다른 곳에 작성해야겠다고 생각했습니다

 

덧) 그만큼 블로그 카테고리가 개판이라는..ㅠ 

 

우선, 저는 평소에 뭔가 많은걸 또 다양한걸 익히고 싶어하지만 마음만 앞섰던것 같고 구체적인 계획이나 노력이 부족했다고 반성하고 있습니다.

 

이 책을 참고해서 이제 생각만 하고 실천하지 않는 삶을(?) 너무 나감 뒤로하고 이제 진짜로 무언가를 실행에 옮기고 의미있는 기록을 남기고 싶어졌습니다.

 

거두절미하고, 우선 당장 만들어볼 건 제가 만들어서 사용해볼 사용자 가이드 앱을 (아직 이름은..?) 만들어보고 싶습니다.

열심히 따라하면서 만드는게 중요하고요 시간은 너무 오래 걸리지 않도록 노력할게요

 

- 요구사항

1. 누구나 사용할 수 있다. 

2. 주 사용자는 관심사항이 같거나 정보를 공유하려는 자

3. 회원가입도 가능해서 글 작성이나 주요정보는 관리자, 회원이 작성한다. 

4. 작성된 정보에 대한 검증이나 신뢰할 수단은 댓글이나 평점으로 구현한다.

5. 유효한 정보에 좋아요, 댓글, 평점을 남길수 있다.

6. 다만, 여론몰이나 문제되는 것이 있을수 있고 잘못된 정보에 대해서는 '신고' 기능을 넣어서 관리자인 내가 검토/관리한다.

7. 경우에 따라 신고된 정보는 관리규정등을 사전에 정의하고 이에 따라 조치하며 알린다.

8. 광고는 최대한 없도록..필요하다면 달겠지..구글 애드센스 걸어보고싶다.

9. 어,..일단 사용자 가이드에 맞게 내용을 구성하고 관리,운영한다. 애매하다

10. 뭐..대충 이럼..잘되면 좋겠다.

 

이제 개발환경 세팅하러 갑니다..ㄷㄷ (사실, 이 글을 포스팅 하는 시점에는 개발이라는 것을 시작했지요!)

 

1. Node.JS LTS 설치 (완)

2. Visual Studio Code 설치 (완)

3. Projects 폴더 생성 (완)

4. Visual Studio Code로 Projects 폴더를 열기 (완)

5. 터미널 > mkdir my-app && cd my-app

6. 터미널 > code . 

7. (새 Visual Studio Code가 열리면) 터미널 > npm init -y

8. 터미널 > npm i express

9. 터미널 > npm i nodemon -g

10. 로컬에 /src 폴더 생성, /src 내에 index.js 생성

11. chapter1 따라하며 개발환경 구성 완료!!

 

(분명  익숙한 툴인데, color theme을 설치했더니 뾰로롱!)

- 중간 중간 결과물을 확인하려면  github나 netlify를 세팅해야 할 것으로 보고,

12) netlify에 계정을 생성하고 사용을 해보도록 하겠습니다...(잠시 포스팅 중단..)

Netlify > https://www.netlify.com

12-1) Netlify 홈페이지 > Sign Up 클릭, 이메일 주소나 Github 계정으로 회원가입 하기 (근데, 언제 가입한적이 있었나 봄)

가입만 하고 끝이 아니라 Github Repository와 연동해야 하는..

(퇴근하고 할게요..)