코드메모장

(1) 서비스 소개

• 개망톡(개발자 지망생들의 톡!)은 개발자 지망생들을 위한 채팅할 수 있는 사이트
• Spring, Node.js, React, ReactNative로 카테고리가 나누어져있어 주특기가 일치하는 사람들 끼리 대화가 가능
• 여러명이 한 방에 입장하여 얘기할 수 있고 모든 대화내용이 저장되어 나중에 들어오더라도 볼 수 있음

(2) 개요

• 명칭 : 개망톡(개발자 지망생을 위한 톡!) - SERVER
• 개발 인원 : 프론트(React) 2명, 백엔드(Spring) 2명
• 개발 기간 : 2021.04.9 ~ 2021.04.22
• 개발 환경 : Springboot 2.4.5, Jdk 1.8, Spring Security, Spring JPA
• 배포 환경 : Gradle, AWS S3, AWS EC2
• 웹 서버 : Tomcat 9.0
• 데이터베이스 : MySQL 8.0.16 (AWS RDS)
• 협업 도구 : Git, Slack

(3) URL

• 사이트 주소 - http://gaemangtalk.site/
• GitHub - https://github.com/joychae/Springboot-Webproject-ChatService
• YouTube - https://youtu.be/MDPGmLslJbg

(1) 서비스 소개

• 건강/다이어트 식품을 판매하는 소셜커머스 플랫폼인 다노샵을 클론코딩 한 사이트

(2) 개요

• 명칭 : 다노샵 클론코딩 - SERVER
• 개발 인원 : 프론트(React) 1명, 백엔드(Spring) 1명
• 개발 기간 : 2021.05.16 ~ 2021.06.3
• 개발 환경 : Springboot 2.4.5, Jdk 1.8, Spring Security, Spring JPA, Junit5
• 배포 환경 : Gradle, Travis CI, AWS S3, AWS CodeDeploy, AWS EC2
• 웹 서버 : Nginx, Tomcat 9.0
• 데이터베이스 : MySQL 8.0.16 (AWS RDS)
• 협업 도구 : Git, Slack
• 코드 분석 도구 : SonarLint, JaCoCo

(3) URL

• 사이트 주소 - http://hanghae99danoclone.shop.s3-website.ap-northeast-2.amazonaws.com/
• GitHub - https://github.com/Loafly/CloneDano
• YouTube - https://youtu.be/GaHYpIhgcIg

(1) 서비스 소개

• 넘쳐나는 취미 플랫폼 클래스들을 한 번에 모아볼 수 있는 사이트
• 유명 플랫폼 7개사 클래스 인기, 가격 한 번에 비교
• 구글/네이버/카톡 아이디로 간편하게 소셜 로그인
• 사용자별 관심 지역, 분야 설정을 통한 맞춤 추천

(2) 개요

• 명칭 : AFTER WORK - SERVER
• 개발 인원 : 프론트(React) 3명, 백엔드(Spring) 3명, 디자이너 1명
• 개발 기간 : 2021.04.25 ~ 2021.05.12
• 개발 환경 : Springboot 2.4.5, Jdk 1.8, Spring Security, Spring JPA, Junit5
• 배포 환경 : Gradle, Travis CI, AWS S3, AWS CodeDeploy, AWS EC2
• 웹 서버 : Nginx, Tomcat 9.0
• 데이터베이스 : MariaDB 10.4 (AWS RDS)
• 협업 도구 : Git, Notion, Slack
• 코드 분석 도구 : SonarLint, JaCoCo

(3) URL

• 사이트 주소 - https://afterwork.co.kr/
• GitHub - https://github.com/seongbinko/afterwork, https://github.com/seongbinko/afterwork-scheduler
• YouTube - https://www.youtube.com/watch?v=pW9s6w0tXzg&t=8s

(1) WIL(Weekly I Learned) - 13주차

• 이전 9주차 ~ 13주차 까지는 최종 프로젝트를 이어 진행합니다.
• 프론트(React) 3분 백엔드(Spring) 3분 디자이너 1분으로 최종 프로젝트를 진행합니다.
• MVP가 완성되어 배포 후 유저 피드백을 받고 유지보수를 하고있습니다.

(2) 일정

• 5/25 4조(10:45 ~ 11:00) - 1차 리허설 
• 5/26 19:00 ~ 20:00 - 핵클 협력사 발표
• 5/26 20:00 ~ 21:00 - 이큐브랩 협력사 발표
• 5/28 14:00 ~ 14:30 - 자가리허설
• 5/28 15:00 ~ 17:00 - 협력사 초청 발표회

(3) 배운점

• 최종 프로젝트 유지보수(크롤링 수정)
• Traivs CI(개인공부)
• AWS CodeDeploy(개인공부)

(4) 최종 프로젝트

• 주제 - 퇴근하고 뭐하지?
  • 퇴근 후 취미를 찾을 수 있는 사이트 들을 한번에 보고 필터처리 할 수 있도록 도와주는 사이트입니다.
• 사이트
  • 퇴근하고 뭐하지 - https://afterwork.co.kr/
• Git
  • 프론트 엔드 - github.com/greedysiru/gaemangtalk_frontend
  • 백엔드 - github.com/seongbinko/afterwork
  • 백엔드 크롤링 - github.com/seongbinko/afterwork-scheduler
• 영상
  • 중간점검 시연 영상 - https://www.youtube.com/watch?v=WeymerrTyMw
  • 시연 최종 영상 - https://www.youtube.com/watch?v=pW9s6w0tXzg

(5) 느낀점

• 드디어 최종 프로젝트까지 잘 마무리되었습니다. 여러 피드백이 있었고, 크롤링 대상인 사이트 UI가 바뀌는 등 생각지도 못한 부분에서 코드 수정이 필요하여 당황하였습니다. 그래도 처음 크롤링을 만들때 처럼 하나하나 로그를 찍어가며 문제 없이 수정하여 이런게 유지보수인가? 라는 생각이 들었습니다.
• 개발자 6명, 디자이너 1명을 이루어져 앞으로 경험하기 힘든 너무 값진 경험이였고, 좋게 마무리가 되어 안심이되었습니다.
• 다음주엔 협력사들과의 모의면접 및 이력서 제출만 남았습니다. 마지막 주차인만큼 더 열심히 하여 마무리를 열심히하겠습니다.

(1) WIL(Weekly I Learned) - 12주차

• 이전 9주차 ~ 13주차 까지는 최종 프로젝트를 이어 진행합니다.
• 프론트(React) 3분 백엔드(Spring) 3분 디자이너 1분으로 최종 프로젝트를 진행합니다.
• MVP가 완성되어 배포 후 유저 피드백을 받고 유지보수를 하고있습니다.

(2) 일정

• 5/13 자정까지 - 팀 별 중간 결과물 제출
• 5/15 18:00 ~ 19:00 - 마케팅 특강
• 5/19 19:00 ~ 20:00 - 데이터라이즈 협력사 발표
• 5/19 20:00 ~ 21:00 - 스토리시티 협력사 발표
• 5/21 - 팀별 면담
• 5/26 - 1차 모의발표
• 5/27 - 2차 모의발표 및 녹화

(3) 배운점

• SonarLint 정적 분석도구 사용법
• jacoco(java code coverage tools) 사용법
• 쓰레드 관리
  • ExecutorService
  • Executors
  • Future
  • Runnable

(4) 최종 프로젝트

• 주제 - 퇴근하고 뭐하지?
  • 퇴근 후 취미를 찾을 수 있는 사이트 들을 한번에 보고 필터처리 할 수 있도록 도와주는 사이트입니다.
• 사이트
  • 퇴근하고 뭐하지 - https://afterwork.co.kr/
• Git
  • 프론트 엔드 - github.com/greedysiru/gaemangtalk_frontend
  • 백엔드 - github.com/seongbinko/afterwork
  • 백엔드 크롤링 - github.com/seongbinko/afterwork-scheduler
• 영상
  • 중간점검 시연 영상 - https://www.youtube.com/watch?v=WeymerrTyMw

(5) 느낀점

• 피드백을 받으면서 사람마다 보는 눈, 원하는 느낌이 많이 다르다는 것을 느꼇습니다.
• 마케팅을 하면서 유저개입이 어렵게 되는것을 많이 느꼇으며 유저들이 들어오더라도 설문참여율이 엄청나게 저조한것을 보고 서비스를 운영하는것이 힘든거구나 다시한번 깨달았습니다.
• SonarLint를 사용하면서 내 코드내에서 불필요한 부분을 많이 알 수 있어 코드를 개선할 수 있어 좋았습니다.
• 매일 크롤링을 돌리는 시간이 100분 정도의 소요되었습니다. 스파르타 코딩클럽 대표님께서 스레드를 사용하여 시간개선을 할 수 있다고 알려주셔서 사용한 결과 20분내에 크롤링이 끝나 놀라운 결과를 얻을 수 있어 만족스러웠습니다.

(1) Chrome 설치

$1 >> sudo curl https://intoli.com/install-google-chrome.sh | bash
$2 >> sudo mv /usr/bin/google-chrome-stable /usr/bin/google-chrome
$3 >> sudo chrome -version

• $1 - GoogleChrome 바이너리를 다운로드합니다.
• $2 - 기본폴더(usr/bin)으로 크롬을 옮깁니다.
• $3 - 버전을 확인합니다.

(2) ChromeDriver 설치

$1 >> cd /tmp/
$2 >> sudo wget https://chromedriver.storage.googleapis.com/80.0.3987.106/chromedriver_linux64.zip
$3 >> sudo unzip chromedriver_linux64.zip
$4 >> sudo mv chromedriver /usr/bin/chromedriver
$5 >> chromedriver – version

• $1 - /tmp 폴더로 이동합니다.
• $2 - chromedriver 다운로드합니다.
• $3 - chromedriver 압축을 풉니다.
• $4 - chromedriver를 기본폴더 usr/bin 폴더로 이동합니다.
• $5 - 버전을 확인합니다.

(1) 메모리 스왑을 하는 이유

• AWS Ec2서버 프리티어를 사용하다보면 램이 1GB여서 메모리가 부족하여 컴파일이 안되는 경우가 생깁니다.

(2) 해결 방안

• 하드공간에 스왑이라는 공간을 만들어 메모리 부족을 메꿀 수 있습니다.

$1 >> cd/
$2 >> sudo dd if=/dev/zero of=swapfile bs=1M count=2048
$3 >> sudo mkswap swapfile
$4 >> sudo swapon swapfile
$5 >> sudo chmod 600 swapfile
$6 >> sudo nano etc/fstab
$7 >> /swapfile none swap sw 0 0
$8 >> free -h

참조 - https://m.blog.naver.com/PostView.naver?blogId=snrndi121&logNo=221063888063&proxyReferer=https:%2F%2Fwww.google.com%2F

(1) 리눅스 기준시간 변경

• 리눅스 시간은 UST/PST 등으로 기본설정 되어있다.
• 한국 시간으로 변경방법

// ‘Seoul’ 파일 확인
$ ls /usr/share/zoneinfo/Asia

// Localtime 심볼릭 링크 재설정
$ sudo ln -sf /usr/share/zoneinfo/Asia/Seoul /etc/localtime

// 적용 확인
$ date

참조 - https://inmile.tistory.com/4

(1) WIL(Weekly I Learned) - 11주차

• 이전 9주차 ~ 13주차 까지는 최종 프로젝트를 이어 진행합니다.
• 프론트(React) 3분 백엔드(Spring) 3분 디자이너 1분으로 최종 프로젝트를 진행합니다.

(2) 일정

• 5/13 자정까지 - 팀 별 중간 결과물 제출
• 5/15 18:00 ~ 19:00 - 마케팅 특장
• 5/27 자정까지 - 팀 별 최종 결과물 제출

(3) 배운점

• NginX 사용한 무중단 배포 (개인 공부)
• SNS마케팅 방법

(4) 최종 프로젝트

• 주제 - 퇴근하고 뭐하지?
  • 퇴근 후 취미를 찾을 수 있는 사이트 들을 한번에 보고 필터처리 할 수 있도록 도와주는 사이트입니다.
• 사이트
  • 퇴근하고 뭐하지 - https://afterwork.co.kr/
• Git
  • 프론트 엔드 - github.com/greedysiru/gaemangtalk_frontend
  • 백엔드 - github.com/seongbinko/afterwork
  • 백엔드 크롤링 - github.com/seongbinko/afterwork-scheduler
• 영상
  • 중간점검 시연 영상 - https://www.youtube.com/watch?v=WeymerrTyMw

(5) 느낀점

• 11주차 중간점검 MVP가 나왔습니다. 지인, SNS 등을 통하여 홍보를 하며 생각지도 못햇던 오류, 불편사항 등을 피드백 받아 유지보수 및 기능 개선을 할 예정입니다.
• 좋은 팀원들을 만나 저번주차에서 예상했던 대로 실제 서비스를 배포하여 만족스러웠습니다.
• 많은 조에서 MVP단계를 진행 중이여서 항해99에서 마케팅 홍보하는 강의를 해주셨는데 몰랐던 접근을 어떻게 해야하는지 예시까지 들어가며 설명 해 주셔서 이해도 잘 되고 도움이 많이 됬습니다.

(1) WIL(Weekly I Learned) - 9~10주차

• 4/23일 드디어 기다리던 마지막 주차인 최종 프로젝트가 시작되었습니다.
• 팀은 총 7인 백엔드(Spring) 3분(저 포함), 프론트엔드(React) 3분으로 구성되었으며 최종프로젝트 인 만큼 디자이너 1분도 포함되어 프로젝트를 진행하였습니다.

(2) 일정

• 4/25 - S.A 제출
• 4/26 12:00 ~ 17:00 - 팀 별 시작 면담
• 4/30 10:00 ~ 15:00 - 팀 별 1차 면담
• 5/5 19:00 ~ 20:00 - 미소 협력사 발표
• 5/8 17:30 ~ 18:30 - 미니프로젝트 코드기반 코드리뷰 (이태훈 튜터님)
• 5/13 자정까지 - 팀 별 중간 결과물 제출
• 5/27 자정까지 - 팀 별 최종 결과물 제출

(3) 배운점

• WebDriver를 이용한 크롤링
• JPA와 Pageable을 이용한 페이징 처리
• nativeQuery
• JPQL
• Junit5 TestCode 작성
• @Scheduler

(4) 최종 프로젝트

• 주제 - 퇴근하고 뭐하지?
  • 퇴근 후 취미를 찾을 수 있는 사이트 들을 한번에 보고 필터처리 할 수 있도록 도와주는 사이트입니다.
• Git
  • 프론트 엔드 - github.com/greedysiru/gaemangtalk_frontend
  • 백엔드 - github.com/seongbinko/afterwork
  • 백엔드 크롤링 - github.com/seongbinko/afterwork-scheduler

(5) 느낀점

• 최근 항해99에서 만난 사람들과 오프라인에서 만났다. 다들 시간이 없어 일요일에 약속을 잡아 오랜만에 회고록을 쓰게 되었습니다... 반성하는 시간이 되네요.
• 최종 프로젝트는 미니 프로젝트가 끝나기 전에 얘기를 맞췄던 분들과 팀이 구성이 되었고 거기에 더해 프론트 한분, 백엔드 한분이 추가되어 팀이 결정 되었습니다.(디자이너분은 팀 결정과 함께 스파르타에서 연결 시켜주셨습니다.)
• 최종프로젝트가 진행되면서 이전에 신경쓰지 않았던 보안부분에 대해 http -> https로 변경하는 등 많은 신경을 쓰게 되었습니다. 또한 무중단 배포를 통하여 서비스가 끊기지 않고 업데이트를 할 수 있도록 설계를 하였습니다. 어려운 기능보다는 사용자 경험, 완벽한 기능을 만드는 것에 초점을 두고 만들어 이전 프로젝트에 비해 적은 스코프를 가지고 만들었지만 시간은 더 들었습니다.
• 다음주가 되면 실제 서비스를 배포할 가능성이 높아 많은 기대를 하고있습니다.