[1화] 실무 웹사이트를 개편하자! - 배웠던 IT 지식과 프로그래밍 스킬을 활용하기
실무 웹사이트 리메이크 일대기 1화
1. 왜 이걸 시작하니? (사서 고생하기 아닐까)
공부는 인풋만 하는 것이 아니라 아웃풋!
지금까지 국비과정을 수료하고 풀스택으로 (백엔드 + 프론트엔드) 실무 프로젝트를 수행한지 벌써 2년째가 되가는 중이에요. 이제는 습관적으로 주말에나 쉬는 날에도 최신 IT 트렌드를 찾아보며 공부를 해나가고 있지만, 이렇게 학습만하고 이런 좋은 기술들을 사람들이 사용하는 실제 서비스에 적용하지 못하는게 조금 아쉽더라구요. 그래서 그런지 점점 흥미가 떨어져나가는 것이 체감이 되던?
이렇게 공부를 하다가는 이 IT 공부를 아예 놓아버릴 것 같아서 지금까지 배워왔던 기술과 배울 예정인 기술들을 직접 실제 사용자가 쓰는 서비스에 적용을 해보자라고 마음을 먹었습니다!
어떻게 보면 공부했던 과정과 문제 해결 과정도 정리하고, 글쓰는 연습도 할겸 그리고 포트폴리오가 될 수 있으니 일석삼조가 아닐까?
무슨 서비스에 적용하지?
물론 이 기술들을 공부하며 적용시키는 것은 자발적으로 하는 것이라 비용을 받지 않는 '100% 무료' 프로젝트지만, 어떻게 보면 이런 큰 리스크를 짋어질 서비스 제공자가 없었어요.
(나라도 잘 돌아가고 있는 서비스를 바꿔버리지는 않을듯)
막 고민을 하다 머리에 번뜩 커머스를 운영하고 있는 지인 1분이 생각났어요!
기존에 있던 대충 만든 사이트로 계속적인 매출을 올리시던 분이라, 아마 홈페이지가 개선이 되면 그 지인분도 만족하실 것이고, 제 기술도 써먹을 좋은 기회라 서로 윈윈이 아닌가 생각이 들었죠
역시나 현재 사이트를 들어가보니까...
그냥 http로 운영되고, 로그인은 SNS 처리가 안되있고, 로고도 없고 몇 이미지들은 서버에서 불러와지지도 않는 그냥 처참한? (제 입장에서 봤을 때) 집으로 치면 폐가 그 자체더라구요
그래서 바로 지인분께 ' 이 사이트 공짜로 좋게 바꿔드릴게요!' 라고 제안드렸더니 아주 흔쾌히 승낙하셨습니다.
2. 웹사이트 대규모 개편 절차
1) 적용 기술스택 정리
먼저 기술스택을 정리하고!
2) 고객 요구사항 정리
어떤 추가적인 기능이 필요한지 확인 후에~
3) 업무 프로세스 정의
현재 지인분의 업무 방식을 정리하여 프로그램화 시키고
3) 웹사이트 벤치마킹
비슷한 웹사이트 벤치마킹하여 디자인을 참고한다음
(디자인이 제일 힘들어...)
4) DB ERD 설계
DB를 설계해서 서비스의 데이터를 관리하자