리액트 웹 개발 기획부터 배포까지, 차근차근 가즈아!

리액트 웹 개발

미니 프로젝트를 시작합니다!

안녕하세요!

저는 8년 차 자바 백엔드 개발자입니다.

fullstack으로 직접 기획부터 배포까지

개발해보고 싶어 시작합니다!

미니프로젝트 주제는

제가 평소에 필요로 하는

TO DO LIST 애플리케이션을 개발해 보려 합니다!

 

아래 순서대로 진행하면서 글을 정리하겠습니다.

 

미니프로젝트 수행에 관해 글을 적는 이유?

 

사장학개론

이 책은 한국과 미국, 전 세계를 오가며 ‘사장을 가르치는 사장’으로 알려진 『돈의 속성』의 저자 김승호 회장의 신간이다. 평생 사장으로 살아온 그의 경영철학 모두를 10여 년에 걸쳐 정리해 온 그는, 이번 『사장학개론』 책을 통해 120가지 주제로 그 내용을 모두 담아 완성했다. 지난 7년 간 3천 명의 사장제자들을 만나 사장학 수업을 진행하며 현실에서 겪는 다양한 문제에 더해, 사장들이 묻는 공통적인 어려움이 존재했으며 그 문제들을 목차로 구성해 방향제시를 더했다. 한국KCA사장학교에 합격하고 저자를 기다리고 있는 사장들을 만나기 위해 미국에 거주하는 기업인 인 저자는 일 년에 두 번, 한국을 방문해왔다. 하지만 한정된 기회와 한정된 인원으로 제한되는 상황이 지속돼 사장학수업 내용 전체를 담아 『사장학개론』 책으로 출판을 결정하게 되었다. 책은 6가지 각각의 경우의 대상자들이 더 집중해 볼 수 있는 장으로 구성됐다. 1장에서는 가장 현실적으로 시급하게 배워야 할 것들에 대한 주제들이다. 자신이 지금 장사를 하고 있는지, 사업을 하고 있는지에 대한 기준과 사람을 써서 매출을 올릴 것인지, 매출을 올려서 사람을 쓸 것인지. 함께 창업한 개국공신들의 반란과, 사업이 망해가는 징조 등 ‘지금 어떻게 하면 좋을지’ 묻고 싶었던 폭넓고 다양한 질문에 대한 저자의 경영철학을 담았다. 2장은 오래, 더 멀리, 지속적으로 갈 수 있는 내면이 힘을 키우는데 필요한 주제들이다. 훌륭한 경쟁자를 왜 축복으로 여겨야 하는지, 규모에 따라 변해야 하는 사장의 태도, 비난에 단단해지고 정리와 정돈, 청소와 청결로 이어진 기본에 따라 깊은 심지를 가진 사장으로 거듭날 수 있는 조언에 집중했다. 3장은 거의 모든 사장, 중간급 간부 이상이라면 모두가 어려운, 직원 운영 전반의 해결 제시가 담겼다. 사업하면서 가장 힘들고 지속되는 어려움인 직원관리에 대한 조언으로만 구성돼 있으며 누구를 승진시켜야 하는지, 좋은 직원은 어떻게 구할 수 있는지, 가장 경계해야 할 직원과 지금 즉시 해고해야 할 직원을 가려내는 방법, 더불어 회사의 언어로 보고가 이뤄지고 소통될 수 있도록 가르치는 업무보고 방식 등, 지금 현장에서 곧바로 필요했던 문제의 해결 방법을 찾을 수 있다. 4장과 5장은 사장에서 기업인으로 거듭나기 위한 단계에 있는 사장을 위한 장이며 마지막 6장에서는 사장을 준비하고 있거나, 사장이 되려는 꿈을 가진 모두를 위한 내용에 집중되었다. 『사장학개론』 도서는 국내 25%, 9백만 명에 이르는 사장 모두가 회사의 규모에 따라, 상황에 따라 각각 펼쳐 읽어 볼 수 있도록 집필하는 동시에, 평생을 사장으로 살아 온 경험 많은 선배 경영인의 조언을 직접 듣고 싶어 했던 모든 사장들을 위한 책이다.

저자

김승호

출판

스노우폭스북스

출판일

2023.04.19

 

김승호 회장님의 사장학개론에서

불을 지피는 방법에 대한 설명이 나오는데요

 

무작정 불을 피우기보다는 (앱 개발을 바로 하기보다는)

준비단계부터 차근차근 계획해 보자는 생각이 들었기 때문입니다.

(저는 무작정 시작하고 보는 성격인데, 계획적으로 접근하되 3일을 넘기지 말자!

라는 다짐으로 시작합니다!)

 

---

 

기획 단계:
"웹앱 개발을 위한 기획 단계: 아이디어 도출과 요구사항 분석 방법"

다음은 기획단계 고려할 요소들 입니다!

1. 시장 조사:
   • 타겟 시장을 분석하고 경쟁사를 조사하여 시장의 Bedrock을 이해합니다.
   • 타겟 사용자의 요구사항과 행동양식을 파악하고, 이를 기반으로 웹앱의 목표와 기능을 설정합니다.
2. 사용자 인터뷰:
   • 잠재적 사용자 또는 현재 사용자와 인터뷰하여 요구사항을 파악합니다.
   • 사용자 피드백을 수집하고 사용자의 욕구와 문제점을 이해하여 개선점을 도출합니다.
3. 유저 퍼소나(Persona) 작성:
   • 타겟 사용자를 대표하는 가상의 인물을 설정하여 그들의 특징, 동기, 요구사항 등을 묘사합니다.
   • 퍼소나를 활용하여 사용자 중심의 기획과 개발을 진행할 수 있습니다.
4. MVP(Minimum Viable Product) 기법:
   • 초기 버전의 웹앱을 빠르게 개발하여 실제 사용자에게 출시하고 피드백을 수집합니다.
   • 사용자의 요구사항을 바탕으로 웹앱을 개선하고, 지속적인 업데이트와 개선을 통해 사용자의 만족도를 높입니다.
5. 소셜 미디어 마케팅:
   • 웹앱을 홍보하기 위해 소셜 미디어 플랫폼을 활용합니다.
   • 적절한 콘텐츠 전략과 타겟팅을 통해 사용자를 유치하고 관심을 끌 수 있습니다.
6. 콘텐츠 마케팅:
   • 웹앱과 관련된 유용한 콘텐츠를 제공하여 사용자의 관심을 끌고 전문성을 강조합니다.
   • 블로그, 기술 글, 동영상 튜토리얼 등을 활용하여 사용자에게 가치 있는 정보를 제공합니다.
7. 검색 엔진 최적화(SEO):
   • 웹앱의 검색 엔진 노출을 높이기 위해 SEO 기법을 활용합니다.
   • 키워드 연구, 메타 데이터 최적화, 내부 링크 구성 등을 통해 구글 검색 결과에서 상위에 노출되도록 합니다.

설계 단계:
"웹앱 설계 단계: 기술 스택 선택과 아키텍처 설계 방법"

React를 기술 스택으로 선택하는 이유는 다음과 같습니다.

1. 컴포넌트 기반:
   • React는 컴포넌트 기반의 개발을 지원합니다. 컴포넌트 기반은 코드의 재사용성과 유지보수를 용이하게 합니다.
2. 가상 돔(Virtual DOM):
   • React는 가상 돔을 활용하여 효율적인 UI 업데이트를 가능하게 합니다. 가상 돔은 실제 DOM과 비교하여 변경된 부분만 업데이트하므로 성능을 향상시킵니다.
3. 단방향 데이터 흐름:
   • React는 단방향 데이터 흐름을 따릅니다. 이로 인해 상태 관리가 간단해지고 예측 가능한 애플리케이션 상태를 유지할 수 있습니다.
4. 생태계와 커뮤니티:
   • React는 활발한 개발자 커뮤니티와 다양한 라이브러리, 도구, 지원 자료들이 풍부한 생태계를 가지고 있습니다.

개발 단계:
"웹앱 개발 단계: 환경 구축부터 백엔드와 프론트엔드 개발까지"

 

배포 단계:
"웹앱 배포 단계: 프로덕션 환경 설정과 자동화된 배포 스크립트 작성 방법"

 

유지보수 및 품질 향상:
"웹앱 유지보수와 품질 향상: 테스트, 리팩토링, 모니터링 전략"

 

번외

SEO 최적화를 위한 팁:
"웹앱 개발에서 구글에 검색이 잘 되도록 하는 방법과 기술 블로그 작성 요령"

 

---